@charset 'utf-8';
body {     font-family: 'Microsoft Yahei', Arial;    background: #fff;    color: #6e7379;    font-size: 14px;margin: 0;}
#cntrBody{ font-size:15px; line-height:24px;}
#cntrBody a{ color:#f1592a}
#cntrBody p{ margin:10px 0;}
.f_adress{width: 510px!important;}
/*导入字体*/
@font-face {
    font-family:'wrjz';
    src: url('/Skins/DefaultNews/font/wrjz.eot');
    src:url("/Skins/DefaultNews/font/wrjz.ttf");
}
@font-face {
    font-family:'rubrik';
    src:url("/Skins/DefaultNews/font/rubrik.OTF");
}
@font-face {font-family:'suz';src: url('/Skins/DefaultNews/font/suz.eot');src:url("/Skins/DefaultNews/font/suz.ttf");}

h1,h2{font-family: "wrjz","Microsoft Yahei"; font-weight: normal;}
/*---网站地图---*/

.map_main { overflow:hidden; border:solid 5px #F0F0F0; margin:10px 0; padding-bottom:10px; }
.sitemap_con { width:996px; margin:0 auto; color:#666;}
.sitemap_con .map_top { border-bottom:solid 1px #ccc; }
.sitemap_con .map_top img { float:left;}
.site_r_link {  margin-top:45px;/*上边界根据需要进行调整*/ border:1px solid #cdcdcd; background:#F8F8F8; padding:5px 10px; float:right; padding-left:6px; padding-right:6px; border-bottom:none; } /*网站地图，显示方式样式，上边界根据需要进行调整*/
.site_r_link a{ padding-left:5px; padding-right:5px;}
.site_plc { background:url(/Skins/DefaultNews/Img/ico27.gif) no-repeat 0 8px; padding:5px 0; text-indent:10px; font-size:13px; margin-bottom:12px;}
.sitemap_con h4 { line-height:42px; background:url(/Skins/DefaultNews/Img/pro/case_dot3.png) no-repeat left center; padding-left:12px; color:#141414;}
.sitemap_con h4 a{ line-height:42px; font-size:15px; color:#141414; font-weight:normal;}
.b4 { border:solid 1px #E0E0E0; padding:4px; margin-bottom:8px; padding-top:8px;}
.b4 ul { padding:0 11px;}
.b4 li { float:left ; line-height:32px; width:160px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.b4 li a { color:#666; line-height:28px; font-size:13px;}
.b4 li a:hover { color:#141414; font-weight:bold;}

.header,.footer{ width:auto !important}
/* 内页头部 */
.h_top{width:100%;margin: 0 auto;position: relative;background: #fff;height: 100px;padding: 0 5%;box-sizing:border-box;z-index: 100;}
.h_top:before{content: "";position: absolute;width:100%;height:25px;top:0;left:0;background:#2a2a2a;z-index: -1;}
.t_top{height: 25px;line-height: 25px;text-align: right;color: #d4d4d4;min-width: 1200px;}
.t_top a{color: #d4d4d4;background: url(../images/t_ico1.png) no-repeat 0 7px;display: inline-block;padding: 0 19px;font-size: 12px;}
.t_top span:nth-child(2) a{background: url(../images/t_ico2.png) no-repeat 0 7px;}
.t_top span:nth-child(3) a{background: url(../images/t_ico3.png) no-repeat 0 7px;}
.t_top a:hover{color:#fff;background-position: 0 -23px!important;}
.t_con{min-width: 1200px;padding: 12px 0 0;}
.t_logo,.t_logo img{width:108px;display: block;}
.search{height: 40px;width: 40px;position: relative;z-index: 2;}
.search span{height: 54px;width: 33px;border-radius: 33px;background: url(../images/t_sea.png) no-repeat center;display: block;}
.search:hover span{border-color: #f1592a;}
.search1{ width:402px; display:none; margin:3px 0 0 -380px;padding: 17px 20px;background: #fff;height: 34px;}
.search1 .inp01{width:270px; height:30px;background:#fff url(/Skins/DefaultNews/images/sea_ico1.gif) no-repeat 22px 9px; padding-left:49px;outline:none; border:2px solid #c4c7ce;border-right: 0;color:#666; font:14px "Microsoft YaHei"; line-height:30px; overflow:hidden; border-radius:1px 0 0 1px; float:left;}
.search1 .inp02{width:80px;height:34px; background:#f58220;border:0; outline:none;border-radius:0 1px 1px 0; cursor: pointer;float:left;color: #333;line-height: 34px;}

.menu{line-height: 54px;}
.menu_old{ width:80%}
.menu li{float: left;font-size: 18px;}
.menu li>a{color: #333;padding-left: 26px;display: block;position: relative;padding-bottom: 9px;}
.menu li.cur>a,.menu li:hover>a,.menu a:hover{color: #f1592a;}
.menu_erji{position: absolute;width: 100%;left: 0;top:100px;background: #fff;text-align: center;border-top: 1px solid #eaeaea;height: 56px;line-height: 56px;display: none;font-size: 15px;font-family:'Microsoft Yahei';}
.menu_erji span{color: #000;padding-right: 24px;position: relative;}
.menu_erji span:before{content: "";position: absolute;width:1px;height:15px;top:1px;right:7px;background:#ccc;}
.menu_erji a,.menu li.cur .menu_erji a{color: #333;padding:0;margin:0 14px;display: inline-block;}
.menu_erji a.cur,.menu_erji a:hover{border-bottom: 2px solid #f1592a;}
.menu li:hover .menu_erji,.menu li.cur .menu_erji{display: block;}
.topwrap1{background:#fff;height:56px;width: 100%;z-index: 99;
  position: fixed;
  top: 0;}


.menu>ul>li:hover>a:before{content: "";position: absolute;width:21px;height:10px;bottom:0;left:50%;margin-left:10px;background: url(/Skins/DefaultNews/images/menu-fgx.png) no-repeat center;}

.menu_syej{position: absolute;width: 100%;left: 0;top:100px;background: #fff;text-align: left;line-height:26px;font-size: 14px;font-family:'Microsoft Yahei';padding: 45px 0;color: #6e7379;display: none; border-top:  1px solid #eaeaea;    z-index: 1;}
.menu li:hover .menu_syej{display: block;}
.menu_syej_con{width: 79%;margin: 0 auto;min-width: 1200px;}
.menu_syej_con1{margin: 0 auto;width: 1200px;padding: 20px 0 0;text-align: center;font-size: 18px;color: #333;line-height: 54px;}
.menu_syej_con h4{font-weight: normal;font-family:'wrjz','Microsoft Yahei';font-size: 24px;line-height: 32px;position: relative;color: #333;padding-bottom: 24px;margin-bottom: 18px;}
.menu_syej_con h4:before{content: "";position: absolute;width:50px;height:1px;bottom:0;left:0;background:#f58220;}
.menu_syej_con span{display: block;height: 76px;}
.menu_syej_con span em{display: block;color: #6e6e6e;padding: 0; font-size:14px;min-height:28px;}
.menu_syej_con span a{display: block;font-size: 16px;line-height: 28px;height: 28px;color: #333;}
.menu_syej_wz2 span a{display: block;color: #6e6e6e;padding: 0; font-size:14px;min-height:28px;}
.menu li.cur .menu_syej_con span a:before{border-width: 0;}
.menu_syej_p1{width: 26.3%;}
.menu_syej_p1 img{width:100%;display: block;}
.menu_syej_w1{width: 73.3%;}
.menu_syej_wz1{width: 65.5%;}
.menu_syej_wz1 span{width:50%;float: left;}
.menu_syej_wz2{width: 34.5%;}
.menu_syej_wz3{width: 25%;}
.menu_syej_wz3 p a{display: block;color: #6e6e6e;padding: 0;line-height: 40px;}
.menu_syej_con1 ul{width: 100%;}
.menu_syej_con1 li{width: 20%;float: left;text-align: center;}
.menu_syej_con1 li em{display: block;width: 70px;height: 60px;margin: 0 auto;}
.menu_syej_con1 li:hover em img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

@media screen and (max-width: 1579px) {
  .menu_syej_p1{display: none;}
  .menu_syej_w1{width: 100%;}
}

/* 通用按钮 */
.ljzxbtn{margin: 30px auto;}
.ljzxbtn a{display: block;width:200px;height: 60px;line-height: 60px;background: #f1592a;border-radius: 45px;text-align: center;font-size:18px;color:#fff;position: relative;margin: 0 auto;font-family: "Microsoft Yahei"}
.ljzxbtn a span{width: auto !important;height: auto !important;display:block;text-align:center;float: none !important; padding:0 !important; margin:0 !important;}

/* 通用标题 */
.nytil01{text-align: center;font-family:"wrjz","Microsoft Yahei";font-weight: normal;line-height:60px;padding: 0 0 28px;font-size: 40px;margin-bottom: 60px;position: relative;color: #333;}
.nytil01:before{content: "";position: absolute;width:30px;height:2px;bottom:0;left:50%;background:#f1592a;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}
.nytil01 a{color: #3c424e;}
.nytil01 span{display: block;}
.nytil01 b{display: block;font-weight: normal;font-size:28px;line-height: 52px;opacity: 0.7;}
.nytil01 p{display: block;font-size: 26px;line-height: 48px;}
.nytil02{text-align: left;}
.nytil02:before{left:0;margin: 0;}
.nytil03:before{content: "";position: absolute;width:58px;height:2px;bottom:0;left:50%;background:#f2592d;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}
.nytil01:hover:before,.nytil03:hover:before,.nytil04:hover:before{width:100px;}
.nytil04{text-align: center;font-family:"wrjz","Microsoft Yahei";font-weight: normal;line-height:86px;font-size:40px;margin-bottom: 30px;position: relative;color: #333;}
.nytil04:before{content: "";position: absolute;width:44px;height:1px;bottom:0;left:50%;background:#f1592a;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}
.nytil05{font-size: 32px;position: relative;line-height: 128px;height: 128px;padding: 0 0 0 24px;font-family:"wrjz","Microsoft Yahei";font-weight: normal;color: #333;}
.nytil05:before{content: "";position: absolute;width:4px;height:25px;top:64px;border-radius: 1px;left:0;background:#f1592a;transform: translateY(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}
.nytil05:hover:before{height: 12px;}
.nytil06{text-align: center;margin-bottom: 60px;position: relative;color: #626668;padding: 0 0 28px;font-size: 18px;font-weight: normal;line-height: 44px;font-family:"Microsoft Yahei";}
.nytil06 i{font-family:"wrjz","Microsoft Yahei";line-height:60px;font-size: 40px;display: block;}
.nytil06 em{display: block;opacity: 0.6;}
.nytil06:before{content: "";position: absolute;width:30px;height:2px;bottom:0;left:50%;background:#f1592a;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}

/* 面包屑 */
.nycurmbs{width: 1200px;position: relative;margin: 0 auto;}
.curmbs{background:url(../images/curmbs_ico.png) no-repeat 7px 7px;padding: 0 0 0 32px;position: absolute;left: 0;top:-53px;line-height: 32px;color: #fff;}
.curmbs a{display: inline-block;background:url(../images/curmbs_ico1.png) no-repeat right center;padding: 0 12px 0 6px;color: #fff;}
.curmbs a:last-child{background: none;}
/* 困惑 */
.ekb_webox{font-family:"Microsoft Yahei";padding:146px 0 96px;background:url(../images/ekb_weboxbg.jpg) no-repeat center bottom;line-height: 28px;}
.ekb_wc dl{width: 586px;height: 240px;background: #fff;border-radius: 4px;float: left;margin-bottom: 30px;box-sizing:border-box;padding: 48px 43px 0 53px;position: relative;overflow: hidden;}
.ekb_wc dl:nth-child(2n){margin-left:28px;}
.ekb_wc dt{width: 119px;overflow: hidden;float: right;}
.ekb_wc dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.ekb_wc dd{width: 288px;float: left;}
.ekb_wc dd h3{font-size:28px;padding: 0 0 10px;line-height: 35px;font-weight: normal;font-family:"wrjz","Microsoft Yahei";color: #333;}
.ekb_wc dl:before{content: "";position: absolute;width:0;height:4px;bottom:0;left:0;background:#f1592a;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.ekb_wc dl:hover h3{color: #f1592a;}
.ekb_wc dl:hover:before{width:586px;}
.ekb_wc dl:hover dt img{margin-left: -157px;}
.ekb_wc dd span{font-size: 18px;line-height: 28px;color: #333;}

.bigImg{ width:1000% !important;}


/* 好口碑 */
.ekb_word{font-family:"Microsoft Yahei";padding:176px 0 0;background:url(../images/ekb_wordbg.jpg) no-repeat center 0;line-height:36px;height:593px;}
.word_wc{width: 640px;font-size: 18px;color: #333;line-height: 36px;}

/* 服务 */
.ekb_serv{font-family:"Microsoft Yahei";padding:90px 0;background:url(../images/ekb_servbg.jpg) no-repeat center 0 #;line-height:20px;}
.ekb_st{height: 300px;padding-left: 2px;font-family:"wrjz","Microsoft Yahei";font-size: 24px;line-height: 56px;margin-bottom: 64px;}
.ekb_st li{width: 300px;height: 300px;float: left;margin-left: -1px;background:url(../images/ekb_slbg1.png) no-repeat center 0;box-sizing:border-box;padding:76px 0;position: relative;}
.ekb_st li:before{content: "";position: absolute;width:300px;height: 300px;top:0;left:0;background:url(../images/ekb_slbg2.png) no-repeat center 0;opacity:0;}
.ekb_st li span{display: block;margin: 0 auto 23px;width: 66px;height: 66px;}
.ekb_st li.cur{background:url(../images/ekb_slbg2.png) no-repeat center 0;}
.ekb_st li:hover{background:none;}
.ekb_st li:hover:before{opacity:1;
	-webkit-animation: spinAround 9s linear infinite;
	animation: spinAround 9s linear infinite;}
.ekb_sc1{padding:0 160px;height: 110px;}

/* 我们能做什么  最新样式 */
.ekb_sw{padding:0 20px 50px;text-align:center;}
.ekb_sc dl{background: #f1f4f6;height: 158px;border-radius:9px;box-sizing:border-box;padding: 36px 64px 0;}
.ekb_sc dl:nth-child(2n){background: #f5f8fa;}
.ekb_sc dt{width: 65px;float: left;padding: 13px 0 0;}
.ekb_sc dt span{display: block;width: 63px;height: 63px;overflow: hidden;}
.ekb_sc dt span img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.ekb_sc dd{width: 858px;float: right;padding-right:108px;position: relative;}
.ekb_sc dd span{display: block;font-size: 18px;line-height:55px;}
.ekb_sc dd em{position: absolute;top: 0;right: -30px;font-family: Myriad Pro,Arial;font-weight: bold;font-size: 50px;color: #becdde;line-height: 60px;}
.ekb_sc dl:hover,.ekb_sc dl.cur{background: #f1592a;color: #fff;}
.ekb_sc dl:hover em,.ekb_sc dl.cur em{color: #fff;}
.ekb_sc dl:hover dt span img,.ekb_sc dl.cur dt span img{margin-left: -90px;}

/* 高效引流 */
.ekb_effic{font-family:"Microsoft Yahei";padding:94px 0;background:url(../images/ekb_efficbg.jpg) no-repeat center 0 #eef4fb;background-attachment:fixed;line-height:27px;}
.effic_c dl{width: 380px;height: 318px;background: #fff;border-radius: 5px;float: left;margin: 0 30px 30px 0;box-sizing:border-box;position: relative;z-index: 1;}
.effic_c dl:nth-child(3n){margin-right: 0;}
.effic_c dt{width: 284px;padding: 28px 48px 0;position: relative;text-align: center;}
.effic_c dt em{font-size: 20px;color: #dfdfdf;left: 0;top:20px;width: 60px;position: absolute;z-index: 2;}
.effic_c dt p{width: 284px;left: 48px;position: absolute;top: 182px;font-size: 18px;line-height: 36px;color: #333;}
.effic_c dt p a.zx{border-left: 0;border-right: 0;color: #333; position:relative;}
.effic_c dt p a.zx:after, .effic_c dt p a.zx:before {-webkit-backface-visibility: hidden;backface-visibility: hidden;border: 1px solid rgba(241, 89, 42, 0);bottom: 0px;content: " ";display: block;margin: 0 auto;position: relative;-webkit-transition: all 280ms ease-in-out;transition: all 280ms ease-in-out;width: 0;}
.effic_c dt p a.zx:hover:after, .effic_c dt p a.zx:hover:before {-webkit-backface-visibility: hidden;backface-visibility: hidden;border-color: #f1592a;-webkit-transition: width 350ms ease-in-out;transition: width 350ms ease-in-out;width: 50%;}


.effic_c dd{position: absolute;width:0;height:318px;left:380px;bottom: 0;background: rgba(255, 255 , 255 , 1);z-index: 2;}
.effic_c dd h4,.effic_c dd p{display: none;}
.effic_c dl:before{content: "";position: absolute;width:0;height:4px;bottom:0;left:0;background:#f1592a;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.effic_c dl:nth-child(3n)  dd{right:380px;left: auto;}
.effic_c dl:nth-child(3n):before{right: 0;left: auto;}
.effic_c dl:hover,.effic_c dl.cur{z-index: 22;}
.effic_c dl:hover:before,.effic_c dl.cur:before{width:790px;z-index:22;}
/* .effic_c dl:hover dt p{display: none;} */
.effic_c dl:hover dd,.effic_c dl.cur dd{width: 380px;padding-left: 30px;    padding-right: 60px;}
.effic_c dl:hover dd h4,.effic_c dl.cur dd h4{font-size:18px;color: #333;line-height: 30px;padding: 62px 0 20px;margin-bottom: 20px;font-weight: normal;position: relative;}
.effic_c dl:hover dd h4:before,.effic_c dl.cur dd h4:before{content: "";position: absolute;width:30px;height:4px;bottom:0;left:0;background:#fbddd4;}
.effic_c dl:hover dd h4,.effic_c dl.cur dd h4,.effic_c dl:hover dd p,.effic_c dl.cur dd p{display: block;}

/* .effic_c dl:hover dd p{padding: 0 42px;} */

/* case */
.ekb_case{font-family:"Microsoft Yahei";padding:105px 0 80px;background:#fff;line-height:30px;position: relative;}
.ekb_case:before,.ekb_case:after{content: "";position: absolute;width:50%;height:502px;top:253px;right:50%;margin-right: 677px;background:rgba(255, 255 , 255 , 0.7);z-index: 1;border-radius: 17px;}
.ekb_case:before{left: 50%;margin-left:677px;}
.prev1,.next1{width: 62px;height: 62px;display: block;cursor: pointer;bottom: 0;left: 479px;border-radius: 62px;overflow: hidden;}
.next1{left: 663px;}
.ekb_case .tempWrap{overflow: inherit!important;}
.case_con dl{width: 1200px;margin: 0 78px 0 0;height:450px;border-radius: 17px;overflow: hidden; background: #bdccdd;}
.case_con dt,.case_con dt img{width: 495px;height: 450px;float: left;}
.case_con dd{width: 562px;float: left;padding:54px 0 0 68px;position: relative;}
.case_con dd:before{content: "";position: absolute;width:0;height:0;top:76px;left:-24px;border-top:24px solid transparent;border-bottom:24px solid transparent;border-right:24px solid #bdccdd;}
.case_con dd h4{font-size:28px;font-weight: normal;line-height: 88px;font-family:"wrjz","Microsoft Yahei";height: 88px;color: #333;}
.case_con dd h4 a{display: block;color: #333;}
.case_wz{height:226px;}
.case_more{background:url(../images/ekb_ico1.png) no-repeat right center;color: #333;font-size: 16px;}

.case_con dt{position: relative;}
.case_con dt:before{content: "";position: absolute;position: absolute;width: 53px;height: 53px;background:url(../images/case_video.png) no-repeat 0 0;left: 220px;top: 148px;}

.kbyx_case .case_con dd h4{border-bottom: 1px solid #ced4dd;background:url(../images/ekb_ico1.png) no-repeat right center;}
.kbyx_case .case_con .case_wz{padding-top: 18px;}
.case_wz b{font-weight: normal;color: #333;}
.case_js span,.case_js span img{width: 102px;height: 102px;border-radius: 102px;float: left;}
.case_js p{float: left;padding:18px 0 0 28px;font-size: 16px;line-height: 28px;}
.case_js p b{display: block;font-size:30px;line-height:42px;font-weight: normal;font-family:"wrjz","Microsoft Yahei";}
.ekb_case .pageState{height: 62px;line-height: 62px;text-align: center;padding: 57px 0 0;color: #dfdfdf;font-family:'rubrik';letter-spacing: 5px;font-size: 26px;}
.ekb_case .pageState span{color: #222;}

/* 适用 */
.ekb_apply{font-family:"Microsoft Yahei";padding:136px 0 0;background:url(../images/ekb_applybg.jpg) no-repeat center 0;font-size:16px;line-height:30px;color: #fff;height: 635px;}
.applybg_c li{width: 379px;height: 208px;background: rgba(255, 255 , 255 , 0.25);border: solid 2px rgba(255, 255 , 255 , 0.3);box-sizing:border-box;border-radius: 4px;float: left;padding: 32px 78px 0 40px;}
.applybg_c li:nth-child(2){margin: 0 31px;}
.applybg_c li p{height: 126px;}
.applybg_c li em{font-family:'rubrik';}

/* 留言 */
.ekb_onl{font-family:"Microsoft Yahei";padding:160px 0 0;background:url(../images/ekb_onlbg.jpg) no-repeat center 0;height: 659px;}
.onl_con{width:610px;}
.onl_con li{width: 590px;height: 73px;margin-bottom: 16px;}
.onl_con li:nth-child(1),.onl_con li:nth-child(2){float: left;width: 285px;margin-right: 16px;}
.onl_con li:nth-child(3){clear: both;}
.input1,.input2{width: 530px;height: 73px;line-height: 73px;border-radius: 4px;border: 0;background: #fff;padding: 0 30px;color: #78797b;}
.input1{width: 225px;}
.button1{border: 0;width: 185px;height: 72px;line-height: 72px;background: #f1592a;color: #fff;text-align: center;border-radius: 3px;font-size: 20px;}


/* 留言 */
.ekb_onl{font-family:"Microsoft Yahei";padding:160px 0 0;background: url(../images/ekb_onlbg.jpg) no-repeat center 0;height: 659px;}
.onl_con{width:610px;}
.onl_con li{height: 73px;margin-bottom: 16px;float: left;width: 285px;margin-right: 16px;}
.ekb_onl li:nth-child(3),.ekb_onl li:nth-child(4),.onl_con li:last-child,.qdhz_onl li:nth-child(5){clear: both;width: 590px;}
.input1,.input2,.input3{width: 530px;height: 73px;line-height: 73px;border-radius: 4px;border: 0;background: #fff;padding: 0 30px;color: #78797b;}
.input1{width: 225px;}
.input3{height: 157px;}
.button1{border: 0;width: 185px;height: 72px;line-height: 72px;background: #f1592a;color: #fff;text-align: center;border-radius: 3px;font-size: 20px;clear: both;    cursor: pointer;}
.qdhz_onl{font-family:"Microsoft Yahei";padding:120px 0 0;background: url(../images/ekb_onlbg.jpg) no-repeat center 0;height:756px;}
.qdhz_onl .nytil01{margin-bottom: 0;}
.qdhz_onl .nytil01:before{width: 0;}
.qdhz_onl li:nth-child(5){height: 170px;}
.qdhz_pho{height: 84px;}
.qdhz_pho p{width: 312px;float: left;}
.qdhz_pho p em{display: block;background: url(../images/zxly_ico1.png) no-repeat 0 center;padding-left: 22px;line-height: 18px;}
.qdhz_pho p:nth-child(2) em{background: url(../images/zxly_ico2.png) no-repeat 0 center;}
.qdhz_pho p span{display: block;font-size: 24px;line-height: 38px;text-transform: uppercase;color: #f1592a;font-weight: bold;}
/* --------------------    口碑营销     ------------------------- */


/* case */
.kbyx_case{font-family:"Microsoft Yahei";padding:105px 0 80px;line-height:30px;position: relative;background:url(../images/kbyx_casebg.jpg) no-repeat center 0;}
.kbyx_case .nytil03{color: #fff;}
.kbyx_case .nytil03:before{background: #fff;}
.kbyx_case:before,.kbyx_case:after{content: "";position: absolute;width:50%;height:450px;top:201px;right:50%;margin-right: 677px;background:rgba(255, 255 , 255 , 0.7);z-index: 1;border-radius: 17px;}
.kbyx_case:before{left: 50%;margin-left:677px;}
.kbyx_case .tempWrap{overflow: inherit!important;}
.kbyx_case .case_con dl{background: #fff;}
.kbyx_case .case_con dd:before{border-right:24px solid #fff;}
.case_js span,.case_js span img{width: 102px;height: 102px;border-radius: 102px;float: left;}
.case_js p{float: left;padding:18px 0 0 28px;font-size: 16px;line-height: 28px;}
.case_js p b{display: block;font-size:30px;line-height:42px;font-weight: normal;font-family:"wrjz","Microsoft Yahei";}
.kbyx_case .pageState{height: 62px;line-height: 62px;text-align: center;padding: 57px 0 0;font-family:'rubrik';letter-spacing: 5px;font-size: 26px;}

/* 打造好口碑 */
.kbyx_chara{padding: 92px 0 0;font-size: 16px;line-height: 28px;}
.kbyx_charat{position: absolute;width: 1200px;height: 120px;left: 50%;margin-left: -600px;bottom: 30px;font-size: 18px;line-height: 34px;z-index: 9;}
.kbyx_charat li{width: 297px;height: 120px;background: rgba(255, 255 , 255 , 0.9);float: left;margin:0 4px 0 0;box-sizing:border-box;padding: 25px 0 0 80px;}
.kbyx_charat li:last-child{margin: 0;}
.kbyx_chara .yshd{position: absolute;width: 120px;height: 30px;bottom: 215px;left: 50%;margin-left: 105px;z-index: 2;}
.kbyx_chara .yshd li{width: 9px;height: 9px;border-radius: 9px;background: #fff;margin: 0 0 0 17px;float: left;}
.kbyx_chara .yshd li:first-child{margin: 0 0 0 5px;}
.kbyx_chara .yshd li.cur{background: #f1592a;position: relative;}
.kbyx_chara .yshd li.cur:before{content: "";position: absolute;width:19px;height:19px;top:-6px;left:-6px;border: solid 1px #f1592a;border-radius: 19px;}
.kbyx_c1{background: #44484e;color: #fff;}
.kbyx_charap{width: 50%;}
.kbyx_charap img{width: 100%;display: block;float: right;max-width: 960px;}
.kbyx_charaw{width: 44.48%;}
.kbyx_charawc{width: 460px;}
.kbyx_charawc h3{font-size: 40px;line-height: 60px;font-family:"wrjz","Microsoft Yahei";padding: 50px 0 40px;}
.kbyx_charawc h3 em{display: block;width: 76px;height: 82px;border-bottom: 1px solid #a2a4a7;margin-bottom: 4rem;}
.kbyx_charawc h3:hover em img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

@media screen and (max-width: 1679px) {
  .kbyx_charawc h3 em{margin-bottom: 2rem;}
  .kbyx_charawc h3{font-size:32px;line-height: 50px;padding:40px 0 30px;}
  .kbyx_chara .yshd{margin-left: 82px;bottom: 180px;}
}
@media screen and (max-width: 1440px) {
  .kbyx_charawc h3 em{margin-bottom:1rem;}
  .kbyx_charawc h3{font-size:26px;line-height: 40px;padding:30px 0 20px;}
  .kbyx_chara .yshd{margin-left:76px;}
}


/* 全网智能口碑营销系统 */
.kbyx_box{line-height:34px;text-align: center;padding: 75px 0 140px;}
.kbyxbox_w{padding:26px 0 0;}

/* AI赋能 */
.kbyx_aifn{line-height: 26px;background: #e6edf3;padding: 86px 0 98px;}
.kbyx_aic{width: 100%;height: 814px;overflow: hidden;}
.kbyx_aic ul{width: 100%;height: 814px;}
.kbyx_aic li{width:18.94%;float: left;position: relative;cursor:pointer;height: 814px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.kbyx_aic li:before{content: "";position: absolute;width:100%;height:100%;background:rgba(255, 255, 255, 0.9);bottom:0;left:0;}
.kbyx_aic li h3{font-size: 28px;line-height:36px;font-weight: normal;padding: 0 0 25px;position: relative;margin-bottom: 50px;white-space: nowrap;font-family:"wrjz","Microsoft Yahei";}
.kbyx_aic li h3:before{content: "";position: absolute;width:35px;height:1px;background:#f2592d;bottom:0;left:0;}
.kbyx_aic li h3 span{display: block;}
.kbyx_aic li h3 em{display: block;width: 92px;height: 83px;margin: 0 auto 86px;}
.kbyx_aic li .bock{display: none;width:100%;height: 814px;position: absolute;top:0;left:0;background: #fff;line-height: 24px;color: #333;}
.kbyx_aic li .bock dd{padding: 34px 7.5% 0;}
.kbyx_aic li .bock h4{height:76px;line-height: 76px;font-size: 28px;font-family:"wrjz","Microsoft Yahei";font-weight: normal;}
.kbyx_aic li .shu2{width:192px;display: block;position: absolute;left:50%;margin-left: -96px;top: 190px;}
.kbyx_aic li .bock .kbyx_aicw{padding: 22px 40px;}
.kbyx_aic li .bock .kbyx_aicw a{color: #d82128;}

.kbyx_aic li.cur{width: 43.18%;}
.kbyx_aic li.cur:before{width: 0;height: 0;}
.kbyx_aic li.cur .bock{display: block;}
.kbyx_aic li.cur .shu2{ display: none;}
.kbyx_more{display: block;width: 244px;line-height: 70px;text-align: center;border-radius: 36px;border: solid 2px #f1592a;margin:60px auto 0;font-size: 16px;color: #000;position: relative;overflow: hidden;z-index: 1;}
.kbyx_more:before{content: "";position: absolute;width:380px;height:0;background:#f1592a;top:-50px;left:-50px;-webkit-transform: rotate(45deg);transform: rotate(45deg);z-index: -1;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.kbyx_more:hover:before{height: 400px;}
.kbyx_more:hover{color: #000;}

.btn_zj{margin-bottom: 80px;}
/* --------------------    爆竹 7.20     ------------------------- */
.content2{font-family:"Microsoft Yahei"; width: 1200px; margin: 0 auto;}
.brk_h_top{background:url(../images/brk_h_top.jpg) no-repeat center 0; height: 130px; overflow: hidden;}
.brk_banner{background:url(../images/brk_banner.jpg) no-repeat center 0; height: 750px; overflow: hidden;}
.brk_on1{ padding-top: 101px;}

.bk_til{ text-align: center;font-weight: normal; position: relative; line-height: 100%; margin-bottom: 25px;}
.bk_til span{ display: block; line-height: 100%; color: #626668; font-size: 14px; padding-bottom: 18px;font-family: "Microsoft Yahei";}
.bk_til i{ display: block; line-height: 100%; color: #333; font-size: 40px; letter-spacing: 13px; padding-bottom: 31px;font-family: "wrjz","Microsoft Yahei";}
.bk_til:before{display: inline-block;width:59px;height: 2px;background: #f1592a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.65%;opacity: 1;}
.bk_til:hover:before{width:117px;opacity: 1;}

.brk_on1 p{text-align: center; line-height: 34px; height: 156px;}
.brk_on1 p span{ display: block;}
.brk_img{ position: relative; text-align: center; margin-bottom: 100px;}
.brk_img i{ position: absolute;}
@keyframes move{
	0%{
		transform: translateY(0px);
	}
	100%{
		transform: translateY(10px);
	}
}
.brk_img i:first-of-type{ height: 46px; line-height: 46px; border: 2px solid #e9f2fa; width: 166px; border-radius: 46px; color: #404040; font-size: 26px; top: 0; left: 507px; letter-spacing: 4px;animation: move 500ms ease-in-out 100ms infinite alternate;}
.brk_img i:nth-of-type(2){ left: 413px; top: 676px; width: 323px; height: 117px; border: 2px solid #496e8f; border-radius: 117px; color: #404040; font-size: 26px; letter-spacing: 3px;animation: move 500ms ease-in-out 100ms infinite alternate;}
.brk_img i:nth-of-type(2) span{ display: block; padding: 28px 0 12px 0;}
.brk_img i:nth-of-type(3){ left: 119px; top: 93px;animation: move 450ms ease-in-out 100ms infinite alternate;}
.brk_img i:nth-of-type(4){ left: 119px; top: 367px;animation: move 500ms ease-in-out 100ms infinite alternate;}
.brk_img i:nth-of-type(5){ right: 130px; top: 93px;animation: move 450ms ease-in-out 100ms infinite alternate;}
.brk_img i:nth-of-type(6){ right: 130px; top:477px;animation: move 500ms ease-in-out 100ms infinite alternate;}

.brk_on2{background:url(../images/brk_on2.jpg) no-repeat center 0; height: 885px; overflow: hidden; box-sizing: border-box; padding-top: 143px;}
.brk_on2 .bk_til span,.brk_on2 .bk_til i{color: #fff;}
.brk_on2 .bk_til:before{ background: #fff;}
.brk_on2 .bk_til i{ padding-bottom: 24px;letter-spacing: 7px;}
.brk_list{ position: relative; height: 277px;}
.brk_list ul li{ position: absolute; width: 146px; height: 146px; background: #3c424e; border-radius: 146px; color: #fff; font-size: 18px; letter-spacing: 2px; text-align: center; line-height: 100%;}
.brk_list ul li i{ display: block; padding: 48px 0 13px 0; line-height: 100%; }
.brk_list ul li:nth-child(6) i{padding-top: 64px;}
.brk_list ul li.on{ background: #df6a42;}
.brk_list ul li:nth-child(1){ left: 0;top: 363px;}
.brk_list ul li:nth-child(2){ left:152px;top:162px;}
.brk_list ul li:nth-child(3){ left:380px;top:40px;}
.brk_list ul li:nth-child(4){ left:674px;top:40px;}
.brk_list ul li:nth-child(5){ left:900px;top:162px;}
.brk_list ul li:nth-child(6){ right:0;top:363px;}
.brk_on21{ text-align: center;}
.brk_on21 ul li i{ display: block; text-align: center; line-height: 100%; font-size: 32px; color: #3e4450; letter-spacing: 4px; margin-bottom: 33px;}
.brk_on21 ul li i span{ display: block; font-size: 0; line-height: 0; padding-bottom: 36px;}
.brk_on21 ul li em{ display: block; margin: 0 275px;line-height: 26px; letter-spacing: 2px;}

.brk_on3{background:url(../images/brk_on3.jpg) no-repeat center 0; height:1043px; overflow: hidden; box-sizing: border-box; padding-top: 101px;}
.brk_on3 .bk_til i{letter-spacing: 7px;}
.brk_on3 .bk_til{ margin-bottom: 60px;}
.brk_on3 ul li{ padding-top: 60px; box-sizing: border-box; height: 270px; width: 200px; float: left; background: #fff; font-size: 16px; color: #6f6f6f; text-align: center;}
.brk_on3 ul li i{ display: block; color: #404040; font-size: 20px; padding-top: 12px;}
.brk_on3 ul li i em{ display: block; padding-top: 8px;}
.brk_on3 ul li span{ display: none;}

.brk_on3 ul li:hover{ z-index:555;display: block; border: 2px solid #3c424e;transform: scale(1.15);transition: all 0.2s; text-align: left; box-sizing: border-box; padding-left:2%; padding-top: 30px;}
.brk_on3 ul li:hover img{transform: scale(0.82); margin-left: -12px;}
.brk_on3 ul li:hover span{ display: block; padding-top: 25px; font-size: 14px;}
.brk_on3 h3{ clear: both; text-align: center; padding-top: 38px;}
.brk_on3 h3 a{ display: inline-block; width: 238px;  height: 69px; line-height: 69px; border-radius: 69px; background: #df6a42;font-weight: normal; color: #fff; font-size: 22px; letter-spacing: 1px;}

.brk_on4{ padding-top: 100px; height: 1199px;position: relative; text-align: center;}
.brk_on4 .bk_til span{ padding-bottom: 35px;}
.brk_on4 .bk_til{ margin-bottom: 58px;}
.brk_call{ position: absolute; left:262px; z-index: 5; top: 275px; transition: all 0.2s;}
.ser_con .bg_pic img{transition: all 1s; border-radius: 906px;}
.bg_pic{ width: 906px; height: 906px; margin: 0 auto;}
.ser_con{ width: 906px; height: 906px; margin: 0 auto; position: relative;}
.ser_con  ul{position: absolute;width: 906px;height: 906px;	left: 0;top: 0;}
.ser_con  ul li{ font-size: 28px;}
.ser_con  ul li a{ display: inline-block; color: #404040;}
.ser_con  ul li a:hover{ color: #df6a42;}
.ser_con .l1{position: absolute;	left:87px;	top:23px;}
.ser_con .l2{position: absolute;	right:48px;	top:23px;}
.ser_con .l3{position: absolute;	right:-148px;	top:266px;}
.ser_con .l4{position: absolute;	right:-113px;	top:615px;}
.ser_con .l5{position: absolute;	right:106px;	top:855px;}
.ser_con .l6{position: absolute;	left:76px;	top:860px;}
.ser_con .l7{position: absolute;	left:-123px;	top:615px;}
.ser_con .l8{position: absolute;	left:-128px;	top:266px;}
.ser_con li a{ display: inline-block; position: relative;}
.ser_con .l1 a{ padding-right: 87px;background:url(../images/brk_on42q.png) no-repeat right 1px;}
.ser_con .l1 a:hover{background:url(../images/brk_on41q.png) no-repeat right 1px;}
.ser_con .l2 a{ padding-left: 79px;background:url(../images/brk_on42q.png) no-repeat left 1px;}
.ser_con .l2 a:hover{background:url(../images/brk_on41q.png) no-repeat left 1px;}
.ser_con .l3 a{ padding-left: 52px;background:url(../images/brk_on42q.png) no-repeat left 4px;}
.ser_con .l3 a:hover{background:url(../images/brk_on41q.png) no-repeat left 4px;}
.ser_con .l4 a{ padding-left: 45px;background:url(../images/brk_on42q.png) no-repeat left 4px;}
.ser_con .l4 a:hover{background:url(../images/brk_on41q.png) no-repeat left 4px;}
.ser_con .l5 a{ padding-left: 69px;background:url(../images/brk_on42q.png) no-repeat left 4px;}
.ser_con .l5 a:hover{background:url(../images/brk_on41q.png) no-repeat left 4px;}
.ser_con .l6 a{ padding-right: 78px;background:url(../images/brk_on42q.png) no-repeat right 4px;}
.ser_con .l6 a:hover{background:url(../images/brk_on41q.png) no-repeat right 4px;}
.ser_con .l7 a{ padding-right: 56px;background:url(../images/brk_on42q.png) no-repeat right 4px;}
.ser_con .l7 a:hover{background:url(../images/brk_on41q.png) no-repeat right 4px;}
.ser_con .l8 a{ padding-right: 58px;background:url(../images/brk_on42q.png) no-repeat right 4px;}
.ser_con .l8 a:hover{background:url(../images/brk_on41q.png) no-repeat right 4px;}
.ser_con .l1 a span{ display: inline-block; position: absolute;left: 205px; top: 116px; width: 100px; height: 77px;background:url(../images/l1.png) no-repeat;}
.ser_con .l1 a:hover span{background:url(../images/l1a.png) no-repeat;}
.ser_con .l2 a span{ display: inline-block; position: absolute;left: -95px; top: 119px; width: 95px; height: 96px;background:url(../images/l2.png) no-repeat;}
.ser_con .l2 a:hover span{background:url(../images/l2a.png) no-repeat;}
.ser_con .l3 a span{ display: inline-block; position: absolute;left: -171px; top: 39px; width: 86px; height: 88px;background:url(../images/l3.png) no-repeat;}
.ser_con .l3 a:hover span{background:url(../images/l3a.png) no-repeat;}
.ser_con .l4 a span{ display: inline-block; position: absolute;left: -152px; top:-86px; width: 71px; height: 71px;background:url(../images/l4.png) no-repeat;}
.ser_con .l4 a:hover span{background:url(../images/l4a.png) no-repeat;}
.ser_con .l5 a span{ display: inline-block; position: absolute;left: -92px; top:-158px; width: 65px; height: 72px;background:url(../images/l5.png) no-repeat;}
.ser_con .l5 a:hover span{background:url(../images/l5a.png) no-repeat;}
.ser_con .l6 a span{ display: inline-block; position: absolute;right: -85px; top:-160px; width: 65px; height: 72px;background:url(../images/l6.png) no-repeat;}
.ser_con .l6 a:hover span{background:url(../images/l6a.png) no-repeat;}
.ser_con .l7 a span{ display: inline-block; position: absolute;right: -169px; top:-90px; width: 83px; height: 75px;background:url(../images/l7.png) no-repeat;}
.ser_con .l7 a:hover span{background:url(../images/l7a.png) no-repeat;}
.ser_con .l8 a span{ display: inline-block; position: absolute;right: -169px; top:29px; width: 93px; height: 89px;background:url(../images/l8.png) no-repeat;}
.ser_con .l8 a:hover span{background:url(../images/l8a.png) no-repeat;}

.brk_on5 .bk_til{ background: #fafcfe; padding-top: 100px; padding-bottom: 87px; margin-bottom: 0;}
.brk_on5 .bk_til i{ padding-bottom: 0;}
.brk_on5 .bk_til:before{ bottom: 45px;}

.brk_on5 dl{ overflow: hidden;font-family: "wrjz","Microsoft Yahei";}
.brk_on5 dl dt{ font-size: 0; line-height: 0; width: 50%; float: left;}
.brk_on5 dl dt img{ display: inline-block; width: 100%;}
.brk_on5 dl dd{ width: 50%; float: right; box-sizing: border-box; padding: 80px 7% 0;}
.brk_on5 dl:nth-of-type(2) dt{ float: right;}
.brk_on5 dl dd h3{ line-height: 100%; color: #404040; font-size: 32px;font-weight: normal; padding-bottom: 40px;}
.brk_on5 dl dd h3 span{ display: block; font-size: 18px; padding-top: 22px; line-height: 100%;font-family: "Microsoft Yahei";}
.brk_on5 dl dd p{ color: #6f6f6f; font-size: 14px; line-height: 29px; height:105px;font-family: "Microsoft Yahei";}
.brk_on5 dl dd h4{ overflow: hidden; height: 128px;background:url(../images/brk_on54.png) no-repeat 0 45px;}
.brk_on5 dl dd h4 em{ display: inline-block; float: left; width: 101px;background:url(../images/brk_on53.png) no-repeat; height: 101px; margin-right: 37px; color: #6f6f6f; font-size: 18px;font-weight: normal; text-align: center;font-family: "Microsoft Yahei";}
.brk_on5 dl dd h4 em span{ display: block; padding-top: 26px; padding-bottom: 9px; line-height: 100%;font-family: "Microsoft Yahei";}
.brk_on5 dl dd h4 em:last-of-type{ margin-right: 0;}
.brk_on5 dl dd h5 a{ display: inline-block; width: 238px; height: 69px; border-radius: 69px; text-align: center; color: #fff; background: #df6a42; line-height:69px;font-weight: normal; font-size: 18px; letter-spacing:3px;}
.brk_on5 dl:nth-of-type(2) h3 span{ font-size: 30px; line-height: 42px; position: relative;}
.brk_on5 dl:nth-of-type(2) h3 span:before{ content:""; position:absolute;height:1px;width:46px;left:0;top:127px; background:#ce874b;}
.brk_on5 dl:nth-of-type(2) p{ height: auto; padding-bottom: 45px;}
.brk_on5 dl:nth-of-type(2) p span{ display: block; padding-top: 11px;}



.brk_on6{height: 1276px;background:url(../images/brk_on6.jpg) no-repeat center 0; box-sizing: border-box; padding-top:124px;}
.brk_on6 .bk_til{ margin-bottom:129px;}
.brk_on61{ height: 482px; overflow: hidden;}
.brk_on61 dl{ margin-left: 37px; overflow: hidden;}
.brk_on61 dl dt{ position: relative; float: left;}
.brk_on61 dl dt img{ width:600px;}
.brk_on61 dl dt span{ position: absolute; top:8px; left: 203px;}
.brk_on61 dl dt span img{ width: 200px;}
.brk_on61 dl dd{float: right;width: 412px;padding: 1px 60px 0 0;}
.brk_on61 dl dd h3 em{ display: block; height: 129px; overflow: hidden;}
.brk_on61 dl dd h3 em img{ display: inline-block; float: right; width: 102px; height: 102px; border-radius: 102px;}
.brk_on61 dl dd h3 em strong{ display: inline-block; font-weight: normal; padding-top: 23px; color: #fff; font-size: 16px;}
.brk_on61 dl dd h3 em strong span{ display: block; padding-bottom: 11px; line-height: 100%;}
.brk_on61 dl dd h3 i{display: block;font-size: 28px;color: #fff;line-height: 100%;font-weight: normal;letter-spacing: 4px;margin-bottom: 32px;font-family: "wrjz","Microsoft Yahei";}
.brk_on61 dl dd p{font-size: 14px;color: #fff;line-height: 30px;letter-spacing: 3px;}
.brk_uu6{ position: absolute; font-size: 0; line-height: 0; left: 732px; top:543px; padding-top: 15px; height: 28px; width: 42px; text-align: center; cursor: pointer;}
.brk_dd6{ position: absolute; font-size: 0; line-height: 0; left: 786px; top:543px; padding-top: 15px; height: 28px; width: 42px; text-align: center; background: #df6a42; border-radius: 42px; cursor: pointer;}
.brk_uu6:hover{background: #df6a42;border-radius: 42px;}
.brk_on62 ul{ overflow: hidden; margin-left: 60px; height: 280px;}
.brk_on62 ul li{ float: left; position: relative; width: 335px; margin-right: 35px;}
.brk_on62 ul li img{width: 335px; height: 174px;}
.brk_on62 ul li i{ display: block; color: #444b55; font-size: 14px;}
.brk_on62 ul li i span{display: block;line-height: 100%;padding-top: 19px;color: #444b55;font-size: 18px;letter-spacing: 2px;padding-bottom: 11px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.brk_on62 ul li.cur:before{ position: absolute; left: 0; top: 0; content: ""; width: 335px; height: 174px;background:url(../images/brk_on6.png) no-repeat;}
.brk_on62 h4{ text-align: center;}
.brk_on62 h4 a{ display: inline-block; padding-right: 28px; color: #444b55; font-size: 20px; letter-spacing:3px;background:url(../images/brk_on6_more.png) no-repeat right 2px;}




.brk_on7{height: 874px;background:url(../images/brk_on7bg.jpg) no-repeat center 0; box-sizing: border-box; padding-top:98px;}
.brk_on7 .bk_til i{ letter-spacing:8px; padding-bottom: 15px;}
.brk_on7 .bk_til span{ text-transform: capitalize; line-height: 100%; font-family:Arial; font-size: 16px; padding-bottom: 14px;}
.brk_on7 .bk_til:before{left: 49.95%;}
.brk_on7 .bk_til{ margin-bottom: 49px;}
.brk_on7_r{ width: 774px; padding-top: 53px; }
.brk_on7_r ul li{ float: left; padding-left: 65px; width:295px;height: 116px; margin-bottom: 38px;position: relative;}
.brk_on7_r ul li i a{ display: block; line-height: 100%; color: #404040; font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.brk_on7_r ul li em{ display: block; line-height: 100%; padding-top: 16px; height: 37px; color: #949494; font-size: 14px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.brk_on7_r ul li b{ display: block; color: #404040; font-size: 12px; line-height: 100%;}
.brk_on7_r ul li:before{ content:""; position:absolute;height:1px;width:66px;left:65px;bottom:0; background:#dee4e7;}
.brk_on7_r ul li:nth-child(5):before,.brk_on7_r ul li:nth-child(6):before{ background: none;}
.brk_on7_r ul li i a:hover{ color: #ea702f; transition: all 0.2s;}
.brk_on7_l{ float: left; width: 426px; margin-left: -1px;position: relative;}
.brk_on7_l ul{ position: absolute; left: 36px; top: 232px;}
.brk_on7_l ul li{ float: left; cursor: pointer; margin-right: 7px; width: 7px; height: 7px; border-radius: 7px; background: #fff;}
.brk_on7_l ul li.cur{ background: #ea702f;}
.brk_on7_l dl dt{ position: relative;overflow: hidden; height: 259px;}
.brk_on7_l dl dt img{ width: 426px;}
.brk_on7_l dl dt em{ display: inline-block; position: absolute; left: 0; top: 8px; background: #3c424e; color: #fff; width: 91px; height: 95px;  font-size: 14px; line-height: 100%; padding-left: 19px; box-sizing: border-box;}
.brk_on7_l dl dt em span{ display: block; line-height: 100%; font-size: 40px; font-weight: bold; padding-top: 23px;}
.brk_on7_l dl dd{ margin: 0 35px; padding-top: 37px;}
.brk_on7_l dl dd h4 a{ color: #404040; font-size: 18px; line-height: 100%;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;}
.brk_on7_l dl dd h4 a:hover{ color: #ea702f; transition: all 0.2s;}
.brk_on7_l dl dd p{ padding-top: 12px; height: 77px; border-bottom: 1px solid #c7cfd3; margin-bottom: 32px;}
.brk_on7_l dl dd em a{ display: block; color: #949494; font-size: 14px;background:url(../images/brk_on71.png) no-repeat 67px 0; line-height: 100%;}
.brk_on7_l dl dd em a:hover{background:url(../images/brk_on71.png) no-repeat 77px 0;  transition: all 0.25s;}

.brk_on8{ height: 583px;background:url(../images/brk_on8.jpg) no-repeat center 0; box-sizing: border-box; padding-top: 143px;}
.brk_on8 h2{ line-height: 100%; text-align: center; color: #3c424e; font-size: 40px; letter-spacing: 6px; padding-bottom: 49px;}
.brk_on8 h3{ text-align: center; line-height: 100%; height: 114px; font-size: 18px; letter-spacing: 3px;color: #333;}
.brk_on8 h3 em{ display: block; padding-top: 13px;}
.brk_on8 h3 em span{ color: #df6a42;}
.brk_on8 ul{ overflow: hidden;}
.brk_on8 ul li{ float: left; width: 386px; height: 55px; border-radius: 55px; line-height: 55px; background: #fff;}
.brk_on8 ul li:nth-child(2){ margin: 0 21px;}
.brk_on8 ul li:nth-child(4){ margin-top: 27px; margin-left: 407px; background: #df6a42;}
.brk_on8 ul li i{ display: inline-block; float: left; text-align: right; width: 67px; color: #404040; font-size:16px;}
.brk_on8 ul li input{ display: inline-block; float: left; width: 286px;text-align: right; border: none; line-height: 55px; outline: none; color: #949494; font-size: 14px;}
.brk_on8 ul li button{ border: none; width: 100%; background: none;outline: none; color: #fff; font-size: 18px; letter-spacing: 1px; cursor: pointer;line-height: 55px;}
/*爆竹修改*/
.brk_on2z{ padding-top:100px; height: 1575px;}
.brk_on2z .bk_til{ margin-bottom: 0;}
.brk_on2z .bk_til i{ letter-spacing: 5px; padding-bottom: 62px;}
.brk_on2z .bk_til:before{ top:86px;}
.brk_on2z .bk_til span{ padding-bottom: 63px;}
.brk_on2z_p1{ position: relative; padding-bottom: 57px;}
.brk_on2z_p1 p{ margin-left: -34px; padding-top: 8px;}
.brk_on2z_p1 h3{ position: absolute; left: 0; top: 0;}
.ity1{font-weight: normal;color: #626668;font-size: 14px;}
.ity1 i{display:inline-block;height: 54px;line-height: 54px;border-radius: 54px;padding: 0 35px;border: 2px solid #3c424e;font-size: 24px;color: #3c424e;letter-spacing: 5px;}
.ity1 em{display: block;padding-top: 19px;color: #626668;font-size: 14px;line-height: 35px;width: 478px;}


.brk_on2z_p2 h3{ padding-bottom: 26px;}
.brk_on2z_p2 ul li{ float: left; width: 172px; padding-right:85px;background:url(../images/brk_on2zjt.jpg) no-repeat  190px 136px;}
.brk_on2z_p2 ul li:last-of-type{ padding-right: 0; background: none;}
.brk_on2z_p2 ul li em{ display: block; text-align: center; color: #626668; font-size: 14px; line-height: 28px; padding-top: 21px;}
.brk_on66{    height: 1276px;    box-sizing: border-box;    padding-top: 124px;background: #f9fbfc;}
.brk_on66 .bk_til i{ letter-spacing: 7px;}
.brk_on66 .bk_til{ padding-bottom: 47px; margin-bottom: 0;}
.brk_on66 .bk_til:before{ top: 88px;}
.brk_on661{ overflow: hidden; height: 555px;}
.brk_on661 dl{ float: left; background: #fff; width: 584px; height: 425px; box-sizing: border-box; padding: 30px 0 0 30px;}
.brk_on661 dl:nth-of-type(2){ float: right;}
.brk_on661 dl dt{ font-size:0; float: left; line-height: 0;}
.brk_on661 dl dd{float: left; margin-left: 32px; width: 284px;}
.brk_on661 dl dd h3{ border-bottom: 1px solid #cfcfd0; font-weight: normal; height: 99px; font-size: 30px; color: #333333; letter-spacing: 4px; line-height: 40px; margin-bottom: 29px;}
.brk_on661 dl dd p{ overflow: hidden; height: 143px;}
.brk_on661 dl dd p em{ display: inline-block; float: left;font-size: 18px; color: #333333;}
.brk_on661 dl dd p em span{ padding-left: 5px; color: #df6a42; font-size: 48px; line-height: 100%;}
.brk_on661 dl dd p em:nth-of-type(2){ padding-left: 16px; margin-top: 12px;}
.brk_on661 dl dd p em:nth-of-type(2) span{ color: #333333; font-size: 30px; position: relative; }
.brk_on661 dl dd p em:nth-of-type(2) span:before{ position: absolute; content: ""; left: 3px; top: 16px; height: 1px; width: 100%; background: #9da0a6;}
.brk_on661 dl dd p i{ clear: both; display: block; font-size: 18px; color: #333333; padding-top: 24px;}
.brk_on661 dl dd p i span{ font-size: 30px; line-height: 100%; padding-left: 12px;}
.brk_on661 dl dd h4{font-weight: normal; color: #333333; font-size: 20px;}
.brk_on661 dl dd h4 em{ display: block;font-size: 14px; color: #333333; letter-spacing: 1px; line-height: 28px; padding-top: 10px;}
.brk_on661 dl dd h4 em i{ display: block; }
.brk_on661 dl dd h4 em span{ width: 137px; display: inline-block;}
.brk_on661 h5{ clear: both; padding-top: 50px; text-align: center;}
.brk_on661 h5 img{ vertical-align: middle; padding-left: 8px;}
.brk_on661 h5 a{ color: #444b55; font-size: 20px; letter-spacing: 2px;}
.brk_on661 h5 a:hover{ color: #df6a42;}
.brk_on662{ overflow: hidden; background: #fff; height: 262px; margin-bottom: 50px;}
.brk_on662 h3{ float: left; padding: 65px 0 0 30px; width: 397px; font-size: 32px; color: #3c424e; line-height: 100%; letter-spacing: 5px; position: relative;}
.brk_on662 h3 span{ display: block; padding-bottom: 16px;}
.brk_on662 h3:before{ position: absolute; left: 30px; top: 196px; width: 38px; height: 2px; background: #404040; content: "";}
.brk_on662 ul li{ float: left; margin-top: 34px; padding-right: 144px;background:url(../images/brk_on6_am.jpg) no-repeat 200px 61px; }
.brk_on662 ul li i{ display: block; text-align: center; padding-top: 14px; color: #3c424e; font-size: 20px;}
.brk_on662 ul li:last-of-type{ padding-right: 0; background: none;}
.brk_on663{ text-align: center;}
.brk_on663 a{ display: inline-block; height: 55px; line-height: 55px; background:#df6a42; border-radius: 55px; width: 386px; color: #fff; font-size: 18px; letter-spacing:3px;}
.brk_on5 dl dd h4{white-space: nowrap;text-overflow: ellipsis; width: 520px;}
.brk_on5 dl dd h4 em{ margin-right: 30px;}
.brk_on5 dl dd{ margin-top: 30px; padding-top: 30px;}
.brk_on5 dl dd h3{ padding-bottom: 25px;white-space: nowrap;text-overflow: ellipsis;}
/* --------------------    站舰     ------------------------- */
.zj_webox{border-top: 1px solid #f5f7fb;padding:68px 0;}
.zj_webox dl p{opacity: 0.7;line-height: 26px;}
.zj_webox .ekb_wc dt{width: 148px;}
.zj_webox dl:hover dt img {margin-left: -151px;}
.kbyx_webox{background:url(../images/kbyx_webg.jpg) no-repeat center bottom #fafbfd;}
.kbyx_webox .ekb_wc dt{width: 126px;}
.kbyx_webox dl:hover dt img {margin-left: -146px;}

/* 站舰 */
.zjbox{font-family:"Microsoft Yahei";padding:80px 0;line-height: 34px;text-align: center;}
.zjbox .nytil01{margin-bottom: 0;}
.zjbox .nytil01:before{width: 0;height: 0;}
.zjbox_w{padding: 0 0 10px;position: relative;}
.zjbox_w:before,.zjbox_w:after{content: "";position: absolute;width:48px;height:40px;bottom:-45px;right:0;background: url(../images/ny_ico2.png) no-repeat;z-index: 2;}
.zjbox_w:before{top:-45px;left:0;background: url(../images/ny_ico1.png) no-repeat;}
.zjbox_p{text-align: center;font-size: 22px;color: #141f57;line-height: 65px;position: relative;}
.zjbox_p p{width: 290px;height: 65px;background: #fff;border-radius: 33px;box-shadow: 0 0 10px 10px rgba(230, 232 , 238 , 0.5);position: absolute;top: 638px;right: 446px;}
.zjbox_p p:nth-child(1){left:28px;top: 250px;}
.zjbox_p p:nth-child(2){right:20px;top: 205px;}
.zjbox_p p:nth-child(3){left:-44px;top: 400px;}
.zjbox_p p:nth-child(4){right:-20px;top: 402px;}
.zjbox_p p span{display: inline-block;padding-left: 55px;}

/* 8大优势 */
.zj_edge{font-family:"Microsoft Yahei";background: #f0f4fb;line-height: 28px;padding:88px 0 0;position: relative;}
.zj_edge1 dl{width: 100%;max-width: 1920px;margin: 0 auto;background: #fff;clear: both;}
.zj_edge1 dt{width: 50%;float: left;display: block;}
.zj_edge1 dd{width: 46%;float: right;padding-top: 5.4rem;}
.zj_edge1 dl:nth-child(2) dt{float: right;}
.zj_edge1 dl:nth-child(2) dd{float: left;}
.zj_edge1 dt img{width:100%;overflow: hidden;display: block;}
.zj_edge1 dd .zj_edgewz{width: 636px;}
.zj_edge1 dd h4{font-size: 28px;line-height: 54px;padding: 0 0 34px;margin-bottom: 34px;font-family:"wrjz","Microsoft Yahei";color: #3c424e;position: relative;}
.zj_edge1 dd h4:before{content: "";position: absolute;width:38px;height:2px;left: 0;bottom:0;background: #404040;}
.zj_edge1 dd h4 span{display: block;}
.zj_edge1 dd h4 em{display: block;float: right;width: 118px;height: 118px;border: solid 1px #3c424e;border-radius: 118px;overflow: hidden;}
.zj_edge1 dd p{padding: 0 0 10px;}

@media screen and (max-width: 1620px) {
  .zj_edge1 dd{padding-top: 3.4rem;}
  .zj_edge1 dd .zj_edgewz{width: 526px;}
}

/* 更多产品 */
.nxcbg{background: url(../images/nxc_bg.jpg) no-repeat center 0; height: 915px; box-sizing: border-box; padding-top: 99px;}

.zj_prod{padding: 0 0 40px;line-height: 32px;}
.zj_prodt{height: 74px;border-left: 1px solid #e0e2e5;border-right: 1px solid #e0e2e5;text-align: center;font-size: 20px;overflow: hidden;line-height: 78px;color: #444b55;}
.zj_prodt li{width: 20%;float: left;background: #f2f4f6;position: relative;border-top: 4px solid #3c424e;z-index: 1;}
.zj_prodt li:before{content: "";position: absolute;width:0;height:4px;left: 0;top:-4px;background: #f1592a;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;z-index: 2;}
.zj_prodt li.cur{background: #fff;}
.zj_prodt li.cur:before{width: 100%;}
.zj_prodc{border: 1px solid #e0e2e5;border-top: 0;height: 403px;padding: 50px 32px; background: #fff;}
.zj_prodc dt,.zj_prodc dt img{float: left;}
.zj_prodc dd{width: 504px;float: right;}
.zj_prodc dd h4{border-bottom: 1px solid #e0e2e5;font-size: 32px;line-height: 44px;height: 78px;font-family:"wrjz","Microsoft Yahei";color: #444b55;}
.zj_prodc dd h4 a{color: #444b55;}
.zj_prodc dd p{height: 186px;padding: 34px 0 0;}
.zj_prodc dd span a{display: block;width: 174px;line-height: 48px;text-align: center;background: #df6a42;color: #fff;border-radius: 24px;}

.zj_code{background: #eef2f7;margin-bottom: 100px;height: 263px;clear: both;}
.zj_code dl{width: 600px;float: left;padding: 50px 0 0;}
.zj_code dt{float: left;width: 220px;padding-left: 52px;text-align: center;font-size: 16px;line-height: 48px;color: #949494;}
.zj_code dt img{width:100px;height: 100px;background: #fff;padding: 6px;border:solid 1px #b7bfcf;border-radius: 2px;margin: 0 auto;display: block;}
.zj_code dd{font-size: 32px;line-height: 44px;color: #333;font-family:"wrjz","Microsoft Yahei";padding: 14px 0 0;}

.kbyx_code{background: #fff;position: relative;margin-bottom: 0;}
.kbyx_code:before{content: "";position: absolute;width:1px;height:162px;left:50%;top:54px;background: #c9cccf;}
/* 还可以获得 */
.zj_serv{font-family:"Microsoft Yahei";padding: 86px 0;font-size: 16px;line-height: 26px;text-align: center;}
.zj_servc{background:#f9fbfc;height: 752px;position: relative;}
.zj_servc:before{content: "";position: absolute;width:100%;height:1px;right: 0;top:375px;background: #e3ebf0;}
.zj_servc dl{width: 400px;height:376px;float: left;position: relative;overflow: hidden;}
.zj_servc dl:before{content: "";position: absolute;width:1px;height:376px;right: 0;bottom: 0;background: #e3ebf0;}
.zj_servc dl:nth-child(3n):before{width: 0;height: 0;}
.zj_servc dt{color: #404040;font-size: 22px;line-height: 30px;}
.zj_servc dt em{display: block;padding: 92px 0 0;}
.zj_servc dt span{display: block;position: relative;padding: 0 0 20px;}
.zj_servc dt span:before{content: "";position: absolute;width:24px;height:1px;left:50%;bottom: 0;background: #b4b9bd;margin-left: -12px;}
.zj_servc dd{position: absolute;width: 400px;height: 0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;left: 0;bottom: 0;}
.zj_servc dl:hover dd{height: 376px;background:url(../images/zj_servpic1.jpg) no-repeat 0 0;color: #fff;}
.zj_servc dl:nth-child(2) dd{background:url(../images/zj_servpic2.jpg) no-repeat 0 0;}
.zj_servc dl:nth-child(3) dd{background:url(../images/zj_servpic3.jpg) no-repeat 0 0;}
.zj_servc dl:nth-child(4) dd{background:url(../images/zj_servpic4.jpg) no-repeat 0 0;}
.zj_servc dl:nth-child(5) dd{background:url(../images/zj_servpic5.jpg) no-repeat 0 0;}
.zj_servc dl:nth-child(6) dd{background:url(../images/zj_servpic6.jpg) no-repeat 0 0;}
.zj_servc dd h4{padding: 80px 0 28px;font-size: 32px;line-height: 43px;font-family:"wrjz","Microsoft Yahei";}
.zj_servc dd p{padding: 0 65px 30px;}
.zj_servc dd span a{display: inline-block;background:url(../images/zj_ico3.png) no-repeat right center;color: #fff;padding: 0 42px 0 0;}

/* --------------------    我们的故事     ------------------------- */
/* 热点新闻 */
.nyhotnews{padding: 15px 0;height: 53px;line-height: 53px;font-size: 16px;color: #333;overflow: hidden;}
.nyhotnews li{height: 53px;padding-left: 38px;background:url(../images/story_ico1.png) no-repeat 0 center;}
.nyhotnews li span{width: 110px;float: left;}
.nyhotnews li a{color: #333;}

/* 牛商网创始初心 */
.nyorig{background:url(../images/origbg.jpg) no-repeat center bottom;line-height: 26px;color: #333;padding: 40px 0 200px;}
.orig_c h3{font-family:"wrjz","Microsoft Yahei";font-size:32px;line-height: 82px;font-weight: normal;}
.orig_w{padding: 0 0 30px;}
.orig_w p{padding: 0 0 14px;}
.orig_p dt,.orig_p dt img{float: left;width: 126px;height: 126px;border-radius: 126px;}
.orig_p dd{padding: 28px 0 0 30px;color: #3c424e;font-size: 24px;line-height: 36px;float: left;}
.orig_p dd span{font-size: 16px;line-height: 26px;display: block;letter-spacing: 3px;opacity: 0.6;}

/* 牛商网发展历程 */
.history{padding: 92px 0;line-height: 40px;color: #333;font-size: 14px;}
.year-content{width: 1200px;position: relative;}
.history_cr{width: 88px;line-height: 28px;text-align: right;font-family:'rubrik';position: relative;}
.history_cr:before{content: "";position: absolute;width:2px;height:568px;left:1px;top:7px;background: #e3e3e3;}
.history_cr li{height: 28px;margin-bottom: 10px;position: relative;}
.history_cr li.active,.history_cr li:hover{ color:#ee642a; cursor:pointer}
.history_cr li.active:before{content: "";position: absolute;width:4px;height:21px;left:0;top:7px;background: #ee642a;}
.history_cls{width: 1072px;}
.history_cp{height: 280px;padding: 6px 0 0;}
.history_cp p,.history_cp p img{width: 561px;height: 240px;display: block;float: left;}
.history_cp span{display: block;float: left;font-family:'rubrik';font-size: 60px;line-height: 60px;padding-left: 75px;}
.history_cqh{height: 738px;overflow: hidden;position: relative;}
.history_cw.overtext{height: 315px;overflow: hidden;position: relative;    padding-bottom: 60px;}
.history_cw{height: 326px;position: relative;overflow: hidden;margin-bottom: 20px;}
.history_cw ul{clear: both;overflow: hidden;}
.history_cw li{display: block; line-height: 32px;}
.history_cw li span{width: 128px;display: inline-block;}
.history_cw:before{content: "";left: 0;height: 80px;width: 100%;position: absolute;bottom: 0;background: linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);z-index: 9;}
.history_cw.active:before{background: none;}
.overtext.active{height: auto;}
.btn-loadmore{display: inline-block;text-align: center;line-height: 36px;color: #7f7e7e;margin-top: 35px;margin-top: 0;}
.btn-loadmore span{display: inline-block;background:url(../images/ico08.gif) no-repeat right center;padding-right: 24px;color: #3c424e;}
.btn-loadmore:last-child span{background:url(../images/ico09.gif) no-repeat right center;}
.btn-loadmore.active{display: none;}

.history_c1{width: auto;opacity: 0.1;display: none;-webkit-transition: all 0.4s;transition: all 0.4s;width: 100%;}
.history_c1.active{opacity: 1;display:block}


/* --------------------    站神     ------------------------- */



/* --------------------    公司介绍     ------------------------- */
.about-who{text-align: center;line-height: 28px;padding: 65px 0 0;background:url(../images/whobg.jpg) no-repeat center 0;height: 324px;}
.about-what{padding: 58px 0 0;position: relative;line-height: 24px;color: #d0d1d2;}
.about-what::before{content: "";position: absolute;width:100%;height:115px;left:0;bottom:0;background: #f0f5f8;z-index: -1;}
.what_til{height: 167px;padding: 27px 0 66px;font-size: 18px;line-height: 28px;color: #333;}
.what_til li{width: 300px;float: left;box-sizing:border-box;border-left: 1px solid #d3dee9;height: 167px;padding: 0 0 0 35px;}
.what_til li span{display: block;height: 78px;}
.what_con{width: 80%;max-width: 1524px;min-width: 1200px;margin: 0 auto;}
.what_con dl{width:48.8%;float: left;position: relative;}
.what_con dl:nth-child(1){margin: 0 2.4% 0 0;}
.what_con dt,.what_con dt img{width: 100%;display: block;overflow: hidden;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.what_con dd{width: 85.4%;position: absolute;left:7.3%;bottom: 45px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.what_con dd h3{font-size: 32px;line-height: 82px;color: #fff;font-weight: normal;font-family:"wrjz","Microsoft Yahei";}
.about-trust{line-height: 24px;color: #3c424e;padding: 100px 0 0;background:url(../images/trustbg.jpg) no-repeat center bottom #f0f5f8;height: 720px;}
.trust_con{padding: 66px 0 0 20px;}
.trust_con li{background:url(../images/about_ico.png) no-repeat 0 7px;padding: 0 0 26px 28px;}
.what_con dl:hover dd{padding-bottom: 10px;}
.what_con dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.about-data{padding:126px 0 0;background:url(../images/databg.jpg) no-repeat center 0;height:716px;position: relative;}
.about-data .nytil04{color: #fff;}

.swiper-container .plan_next.swiper-button-disabled,.swiper-container .plan_prev.swiper-button-disabled {opacity: 1;}
.about-data .swiper-pagination {width:1195px!important;top: 404px!important;left:0!important;height: 1px!important;background: #64676b;}
.about-data .swiper-pagination-progressbar-fill {background: #ee642a!important;}
.data_swiper{text-align: center;line-height: 66px;color: #cecfd0;font-size: 18px;}
.data_swiper b{font-size: 300px;line-height:264px;display: block;height: 330px;font-family:'rubrik';position: relative;color: #fff;background: linear-gradient(to bottom, #fff, #595c60);-webkit-background-clip: text;color: transparent;}
.about-data .inner{height:420px;cursor: pointer;}
.data_til{height: 178px;line-height: 27px;color: #cecfcf;}
.data_til li{padding:0 84px  0 0;float: left;text-align: center;position: relative;}
.data_til li:before,.data_til li:first-child:after{content: "";position: absolute;width:1px;height:5px;right:0;top:-21px;background: #64676b;}
.data_til li:first-child:after{left: 0!important;}
.data_til li b{display: block;font-family:'rubrik';font-size: 24px;line-height: 32px;color:#fff;}
.data_til li:last-child{padding: 0;}

/* ------------------------- */
.about-honner{padding: 70px 0;line-height: 24px;}
.honner_wz{text-align: center;height: 86px;}
.honner_c{height: 382px;margin-bottom: 42px;position: relative;}
.honner_ct{position: absolute;width: 618px;height: 30px;text-align: center;z-index: 2;bottom: 0;}
.honner_ct em{display: inline-block;width: 9px;height: 9px;border-radius: 100%;box-sizing:border-box;background: rgba(255, 255 , 255 , 0.8);margin-left: 5px;}
.honner_ct em:first-child{margin-left: 0;}
.honner_ct em.cur{border: solid 2px #ee642a;background: none;}
.honner_cl{background: #ebeff1;height: 382px;}
.honner_cl dt,.honner_cl dt img{width: 618px;height: 382px;float: left;}
.honner_cl dd{width: 445px;float: left;padding: 69px 0 0 62px;}
.honner_cl dd h3{font-size: 18px;line-height: 74px;font-weight: normal;color: #333;}
.honner_cl dd h3 a{display: block;color: #333;}
.honner_cl dd p{height: 125px;}
.honner_more{width: 167px;line-height: 46px;text-align: center;border: solid 2px #ee642a;border-radius: 23px;display: block;}

.honner_l li{position: relative;float: left;margin: 0 37px 26px 0;}
.honner_l li:nth-child(6n){margin-right: 0;}
.honner_l li,.honner_l li img{width:169px;height:238px;display: block;overflow: hidden;}
.honner_l li span{background: rgba(0, 0 , 0 , 0.8);-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;width: 169px;height: 0;position: absolute;left: 0;bottom: 0;}
.honner_l li:hover span{height: 238px;}
.honner_l li span a{display: block;color: #fff;line-height: 24px;padding: 20% 32px 0;text-align: center;}

/* ------------------------- */

.about-prize{padding: 70px 0;height: 830px;line-height: 24px;color: #333;}
.prize_con{overflow: hidden;height: 365px;}
.prize_cr{width: 820px;}
.prize_cl{width: 324px;}
.prize_cl dl{border-top: 1px solid #d3dee9;padding: 20px 0 0;height: 100px;overflow: hidden;}
.prize_cl dl.cur{background:url(../images/pro_ico1.gif) no-repeat right 36px}
.prize_cl dt,.prize_cl dt img{width: 104px;display: block;float: left;height: 83px;}
.prize_cl dd{width: 180px;padding: 8px 0 0 28px;float: left;}
.prize_cl dd h4{font-size: 16px;line-height: 24px;font-weight: normal;}
.prize_cl dd h4 a{display: block;color: #333;}
.prize_cr dl{height: 342px;background: #ebeff1;overflow: hidden;}
.prize_cr dt,.prize_cr dt img{width:432px;display: block;float: left;height: 342px;}
.prize_cr dd{width: 285px;padding: 58px 0 0 50px;float: left;}
.prize_cr dd h4{font-size: 28px;line-height:36px;height:100px;border-bottom: 1px solid #d3dee9;margin-bottom: 25px;font-family:"wrjz","Microsoft Yahei";font-weight: normal;}
.prize_cr dd h4 a,.prize_m h3 a,.prize_m li a{display: block;color: #333;}

.prize_m h3{text-align: center;font-size: 28px;height: 80px;line-height: 80px;border-bottom: 1px solid #d3dee9;font-family:"wrjz","Microsoft Yahei";margin-bottom: 30px;}
.prize_m li{width:300px;height: 46px;line-height: 46px;float: left;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size: 18px;color: #333;}

.about-part{padding: 78px 0 100px;line-height:24px;background:#f0f5f8;text-align: center;}
.part_c{background:url(../images/partcbg.jpg) no-repeat center #fff;height: 380px;}
.part_cw{width: 612px;position: absolute;left:301px;top:170px;}
.part_c li{float: left;width:200px;}
.part_c li img{width:200px;height: 127px;display: block;box-sizing:border-box;border: solid 1px #d3dee9;}
.part_c li:nth-child(7){margin-right: 799px;}
.part_c li:hover{position: relative;z-index: 2;}
.part_c li:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);border: solid 2px #ee642a;position: relative;}

.about-more{background:url(../images/aboutmbg.jpg) no-repeat center bottom;line-height: 24px;color: #333;padding: 55px 0 0;height: 892px;}
.about-mc p{padding: 0 32px 12px;}
/* --------------------    联系我们     ------------------------- */
.network{padding: 30px 0;line-height: 24px;font-family:"Microsoft Yahei";position: relative;}
.network h2{height: 92px;line-height: 92px;font-weight: normal;}
.network h2 span{font-size: 14px;font-weight: normal;color: #666;float: right;padding: 16px 0 0;}
.network h2 b{font-size: 32px;font-family:"wrjz","Microsoft Yahei";font-weight: normal;color: #333;}
.network_t{position: absolute;width: 50px;left: 70px;top: 330px;font-size: 16px;line-height: 31px;color: #333;z-index: 2;}
.network_t span,.network_t li{display: block;}
.network_t li.cur{color: #f1592a;}
.network_cp{background: #f0f5f8;height: 530px;padding: 40px 72px;}
.network_cp1{width: 148px;float: left;padding:333px 0 0;}
.network_cp2{position: relative;width: 900px;float: left;}
.network_cp2 dt{width: 667px;height: 540px;display: block;float: left;}
.network_cp2 dd{position: absolute;background:url(../images/network_wtbg.png) no-repeat 0 24px;width: 400px;text-align: right;right: 0;}
.network_cp2 dd span{display: block;font-size: 24px;height: 50px;line-height: 42px;color: #333;}
.network_c2 dd{top: 310px;}
.network_c3 dd{top: 410px;background:url(../images/network_wtbg1.png) no-repeat right 0;}
.network_c4 dd{top: 338px;right:107px;background:url(../images/network_wtbg1.png) no-repeat 0 0;}
.network_c5 dd{top: 130px;}
.network_c6 dd{top: 85px;right:24px;background:url(../images/network_wtbg.png) no-repeat right 0;}
.network_c7 dd{top: 288px;right:45px;}
.network_c8 dd{top: 230px;right:98px;background:url(../images/network_wtbg1.png) no-repeat right 0;}

.network_cl{padding:0 0 62px}
.network_cw1{height:120px;}
.network_cw2{height:224px;}
.network_cw dl{width: 345px;float: left;margin-right:82.5px;}
.network_cw1 dl{width:298px;}
.network_cw dl:nth-child(3n){margin: 0;}
.network_cw dt{position: relative;}
.network_cw dt b{display: block;font-family:'rubrik';font-size: 40px;line-height: 54px;color: #333;}
.network_cw dt:before{content: "";position: absolute;width:1px;height:74px;right: 78px;top:8px;background: #dfdfdf;}
.network_cw dl:last-child dt:before{background: none;}
.network_cw dd{padding: 20px 72px 20px 0;border-top: 1px solid #d3dee9;}
.network_cw dd span{display: block;font-size: 18px;color: #333;line-height: 60px;}

.nycont{background: #f0f5f8;padding: 96px 0 0;height: 260px;line-height: 38px;color: #333;}
.nycont li{width: 350px;float: left;}
.nycont li:nth-child(2){padding: 0 75px;}
.nycont li em{display: block;width: 54px;height: 45px;margin-bottom: 20px;}
.nycont li b{display: block;font-family:'rubrik';line-height: 50px;font-size: 18px;}
.nycont li a{display: block;width: 235px;line-height: 40px;border-radius: 20px;background: #acbbc2;color: #000;text-align: center;margin-top:12px;font-size: 16px;color: #fff;}



/* --------------------    云服务     ------------------------- */
.yfw_con{background: #f0f5f8;padding: 120px 0 70px;line-height: 24px;color: #73767d;font-family:"Microsoft Yahei";}
.yfw_con dl{background: #fff;height: 400px;}
.yfw_con dt,.yfw_con dt img{width: 600px;height: 400px;float: left;overflow: hidden;}
.yfw_con dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.yfw_con dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.yfw_con dl:nth-child(2n) dt{float: right;}
.yfw_con dd{padding:70px 0 0 50px;width: 470px;float: left;}
.yfw_con dd h4{font-size:32px;font-family:"wrjz","Microsoft Yahei";height: 88px;line-height: 88px;color: #333;font-weight: normal;}
.yfw_con dd li{background:url(../images/yfw_ico1.gif) no-repeat 0 6px;padding: 0 0 15px 31px;}

/* --------------------    云服务详情     ------------------------- */
.yfwbg{background: #f0f5f8;font-family:"Microsoft Yahei";line-height: 24px;color: #73767d;}
.yfw_xq1{padding: 56px 0 0;}
.yfw_xqw h2{float: left;font-size: 40px;font-weight: normal;font-family:"wrjz","Microsoft Yahei";line-height: 48px;color: #333;}
.yfw_xqwz{width: 810px;padding: 0 0 38px;}
.yfw_xqp{background: #fff;padding: 42px 50px;}
.yfw_xqp dl{height: 362px;}
.yfw_xqp dt{height: 324px;}
.yfw_xqp dt,.yfw_xqp dt img{width:550px;float: left;overflow: hidden;}
.yfw_xqp dd{width: 480px;float: right;}
.yfw_xqp dd h4,.yfw_xqc h3{font-size:28px;font-weight: normal;font-family:"wrjz","Microsoft Yahei";line-height:26px;color: #333;position: relative;height: 47px;}
.yfw_xqp dd h4 span{float: right;font-size: 14px;}
.yfw_xqp dd h4:before,.yfw_xqc h3:before{content: "";position: absolute;width:4px;height:18px;left:-15px;top:0;background: #141f57;border-radius: 2px;}
.yfw_xqp dd li{width: 182px;float: left;height: 150px;}
.yfw_xqp dd li b{display: block;font-size: 18px;line-height: 36px;color: #333;font-weight: normal;}
.yfw_xqp dd li:nth-child(2n){position: relative;padding-left:115px;}
.yfw_xqp dd li:nth-child(2n):before{content: "";position: absolute;width:1px;height:119px;left:48px;top:1px;background: #d3ddf3;}
.yfw_xqp dd li:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.yfw_xqc h3{border-bottom: 1px solid #d3ddf3;height: 44px;padding-left: 18px;margin-bottom: 35px;}
.yfw_xqc h3:before{left: 0;}
.yfw_xqc li{width: 300px;float: left;height: 164px;padding: 0 0 0 90px;}
.yfw_xqc li:nth-child(3n-2){padding: 0 0 0 12px;}
.yfw_xqc li b{height:60px;font-size:18px;font-family:"Microsoft Yahei";line-height:40px;color: #333;display: block;font-weight: normal;}
.yfw_xqc li span,.yfw_xqc li span img{float: left;margin: 0 16px 0 0;display: block;width: 30px;}

.yfw_xqc1 li{height: 114px;}
.yfw_xqc1 li p b{display: block;height: 25px;line-height: 25px;}

.yfw_xq3{padding: 40px 0 100px;}
.yfw_xq3 dl{background: #fff;width: 380px;height: 656px;float: left;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.yfw_xq3 dl:nth-child(2){margin: 0 30px;}
.yfw_xq3 dl:hover{margin-top: -10px;box-shadow: 0 0 5px 5px rgba(0, 0 , 0 , 0.05);}
.yfw_xq3 dt,.yfw_xq3 dt img{width: 100%;display: block;}
.yfw_xq3 dd{padding: 20px 25px 0 30px;}
.yfw_xq3 dd h4{border-bottom: 1px solid #d3ddf3;height: 150px;font-size:28px;font-family:"wrjz","Microsoft Yahei";line-height:68px;color: #333;font-weight: normal;margin-bottom: 18px;}
.yfw_xq3 dd h4 span{display: block;font-size:14px;line-height:24px;color: #73767d;font-family: "Microsoft Yahei";}
.yfw_xq3 dd li{padding:0 0 10px 22px;position: relative;}
.yfw_xq3 dd li:before{content: "";position: absolute;width:5px;height:5px;left:0;top:10px;background: #7a8ca3;border-radius:5px;}
/*
.yfw_xq3 dl:nth-child(3) dd li:nth-child(1),.yfw_xq3 dl:nth-child(3) dd li:nth-child(2),.yfw_xq3 dl:nth-child(3) dd li:nth-child(3),.yfw_xq3 dl:nth-child(3) dd li:nth-child(4){width:172px;float: left;}
.yfw_xq3 dl:nth-child(3) dd li:nth-child(2),.yfw_xq3 dl:nth-child(3) dd li:nth-child(4){width: 96px;}
.yfw_xq3 dl:nth-child(3) dd li:nth-child(5){clear: both;}
*/
.serv_gg{background:url(../images/serv_gg.jpg) no-repeat center 0;height: 398px;}

.serv_gl{padding: 256px 0 0 128px;width: 300px;}
.serv_gl p span{display: block;color: #fff;line-height: 24px;padding:25px 0 0 35px;float: left;}
.serv_gl p img{width: 86px;height: 86px;display: block;background: #fff;padding: 7px;float: left;}

/* --------------------    云产品中心     ------------------------- */
.probg{background: #f0f5f8;line-height: 24px;}
.pro_wds{padding: 12px 0 0;}
.pro_floor{text-align: center;font-family:'rubrik';font-size: 40px;text-align: center;background:url(../images/protbg1.png) no-repeat center;font-weight: bold;height: 100px;line-height: 100px;}
.pro_gp,.pro_gp img{width: 100%;display: block;}
.pro_gw{width: 520px;left:76px;top: 65px;}
.pro_gw h3{height: 112px;line-height: 82px;font-size: 40px;font-family:"wrjz","Microsoft Yahei";color: #333;font-weight: normal;}
.pro_list{background: #fff;position: relative;box-shadow: 0 5px 15px 10px rgba(99, 99 , 99 , 0.1);padding: 46px;}
.pro_list li{width: 287px;height: 212px;float: left;border-left: 1px solid #d9e1ea;border-bottom: 1px solid #d9e1ea;padding: 38px 61px 0 45px;}
.pro_list li:nth-child(3n){padding-right: 0;}
.pro_list li:nth-child(3n-2){padding-left: 0;border-left: 0;}
.pro_list li:nth-last-child(1),.pro_list li:nth-last-child(2),.pro_list li:nth-last-child(3){padding-top:38px;border-bottom: 0;}
.pro_list li:nth-child(1),.pro_list li:nth-child(2),.pro_list li:nth-child(3){padding-top: 0;}
.pro_list li.pro_more01{text-align: center;color: #333;}
.pro_list li.pro_more01 p{padding: 0 0 36px;}
.pro_more{display: block;margin: 0 auto;width: 178px;line-height: 42px;text-align: center;border-radius: 3px;position: relative;}
.pro_more:after, .pro_more:before {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border: 1px solid rgba(241, 89, 42, 0);
	bottom: 0px;
	content: " ";
	display: block;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all 280ms ease-in-out;
	transition: all 280ms ease-in-out;
  width: 0;}
.pro_more:hover:after, .pro_more:hover:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-color: #f1592a;
    -webkit-transition: width 350ms ease-in-out;
    transition: width 350ms ease-in-out;
    width: 90%;
  }
.pro_more:before{top: 0;}
.pro_more em{display: inline-block;background:url(../images/pro_ico1.gif) no-repeat right center;color: #333;padding: 0 55px 0 22px;}
.pro_list li span{display: block;width: 95px;height: 190px;float: left;    position: relative;}
.pro_list li span em{width: 66px;position: absolute;left: 0;top: 0;z-index: 0;display: none;}
.pro_list li span img{width: 66px;}
.pro_list li span em img{width: 100%;    display: block;}
.pro_list li:hover span em{display:block;}
.pro_list li .pro_lr{float: right;width:192px;}
.pro_list li h3{font-size:28px;font-weight: normal;color: #333;line-height: 34px;padding-bottom: 11px;;font-family:"wrjz","Microsoft Yahei";cursor: pointer;white-space: nowrap;}
.pro_list li h3 a{display: block;color: #333;}
.pro_list li h3 b{font-size:18px;font-weight: normal;padding:0 0 0 10px;font-family: "Microsoft Yahei";}
.pro_list2 li h3 b{display: block;padding:0;}
.pro_xq{display: block;width: 70px;text-align: center;line-height: 26px;border: solid 2px #f1592a;color: #333;clear: both;border-radius: 13px;margin-top: 30px;position: relative;z-index: 1;overflow: hidden;}
.pro_list3 .pro_xq{margin: 0;}
.pro_xq:before{content: "";position: absolute;width:200px;height:0;background:#f1592a;top:-50px;left:-50px;-webkit-transform: rotate(45deg);transform: rotate(45deg);z-index: -1;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.pro_xq:hover:before{height: 200px;}
.pro_xq:hover{color: #fff;}

.pro_wztc{position: absolute;width: 100%;height:510px;background: #fff;left: 0;top: 0;z-index: 9;box-shadow: 0 5px 15px 10px rgba(0, 0, 0, 0.15);text-align: center;padding: 45px 0 0;}
.pro_closed{position: absolute;background:url(../images/pro_closd.png) no-repeat 0 0;width: 48px;height: 48px;right: -19px;top: -19px;background-size: 40px 40px;}
.pro_wztc h4{font-size: 24px;line-height:54px;font-family:"wrjz","Microsoft Yahei";padding: 0 0 20px;color: #333;}
.pro_wztc h4 em,.pro_tc1 li em{display: block;margin: 0 auto;}
.pro_wztc h4 b,.pro_tc1 li b{display: block;font-weight: normal;font-size: 28px;padding: 12px 0 0;}
.pro_tc1 p{padding: 0 98px 20px;}
.pro_tc1 p b{display: block;font-weight: normal;font-size: 18px;line-height: 34px;color: #333;}
.pro_tc1 li{height: 153px;width: 254px;padding: 0 65px!important;}
.pro_tc1 li:first-child{padding-left: 102px;}
.pro_tc1 li b{font-size: 18px;padding: 0;line-height: 48px;color: #333;}

.pro_idg li span{width: 280px;height: 63px;}
.pro_idg li h3{display: block;padding: 15px 0;clear: both;}
.pro_more02{height: 70px;line-height: 70px;background: #3c434e;color: #fff;font-size: 18px;text-align: center;}
.pro_more02 span{display: inline-block;padding-left: 35px;background:url(../images/pro_ico2.gif) no-repeat 0 center;color: #fff;}

/* 5大基础服务  */
.ny_serv{background: #fff;margin: 48px auto;line-height: 24px;padding: 32px 0;}
.ny_servc{background:url(../images/servcbg.gif) no-repeat center 0;height: 570px;}
.ny_servc h3{position: absolute;width:188px;color: #fff;text-align: center;left:502px;top:232px;font-size: 18px;line-height: 28px;font-weight: normal;}
.ny_servc h3 span{position: absolute;width: 220px;height: 174px;left: 152px;top: -58px;box-sizing: border-box;background: url(../images/servlbg3.png) no-repeat 0 0;padding: 16px 46px 0;display: none;}
.ny_servc h3 span img{ height:140px; width:140px; display:block}
.ny_servc h3:hover span{ display:block}
.ny_servc dl{position: absolute;width:344px;height: 174px;}
.ny_servc dt{padding: 15px 0;font-size: 18px;color: #333;}
.ny_servc dt span{float: left;padding: 0 20px;}
.ny_servc dl.derv1 dt,.ny_servc dl.derv3 dt{text-align: right;}
.ny_servc dl.derv1 dt span,.ny_servc dl.derv3 dt span{float: right;}
.ny_servc dl.derv1 dt{padding: 10px 0 0;}
.ny_servc dl.derv3 dt{padding: 50px 0 0;}
.ny_servc dl.derv4 dt{padding: 40px 0 0;}
.ny_servc dl.derv5 dt{padding: 44px 0 0;}
.ny_servc dd{position: absolute;width:344px;height: 174px;left: 0;top: 0;box-sizing:border-box;background:url(../images/servlbg1.png) no-repeat 0 0;padding: 35px 88px 0 40px;display: none;}
.ny_servc dl:hover dd{display: block;}
.ny_servc dl b{display: block;font-weight: normal;font-size: 28px;line-height: 44px;color: #333;}
.ny_servc dd h4{height:44px;line-height: 44px;font-size: 18px;color: #333;font-weight: normal;}
.ny_servc dd h4 b{float: left;padding: 0 5px 0 0;}
.ny_servc dl:nth-child(2n) dd,.ny_servc dl.derv5 dd{background:url(../images/servlbg2.png) no-repeat 0 0;padding: 35px 40px 0 88px;}
.ny_servc dl.derv1{left: 42px;top:11px;}
.ny_servc dl.derv2{left: 786px;top:7px;}
.ny_servc dl.derv3{left: -9px;top:218px;}
.ny_servc dl.derv4{left: 839px;top:218px;}
.ny_servc dl.derv5{left: 598px;top:420px;}


/* 5大基础服务  */
.ny_plan{line-height: 24px;color: #333;padding:0 0 99px;background:url(../images/planbg.jpg) no-repeat center bottom;}
.plan_gp,.plan_gp img{width: 100%;display: block;}
.plan_gw{width: 946px;left:127px;top:30px;text-align: center;}
.plan_gw h4{font-size: 40px;height: 76px;line-height: 68px;font-family:"wrjz","Microsoft Yahei";}
.plan_list{padding: 22px 0 0;}
.plan_list h3{font-size: 32px;height: 106px;line-height: 106px;text-align: center;color: #333;}
.plan_list h3 a{color: #333;display: block;}
.plan_lc li{float: left;width: 375px;background: #fff;margin: 0 37px 46px 0;}
.plan_lc li:nth-child(3n){margin-right: 0;}
.plan_lc li p,.plan_lc li p img{width: 375px;height: 238px;display: block;overflow: hidden;}
.plan_lc li span{display: block;height: 120px;box-sizing:border-box;padding:23px 44px 0 38px;font-size:18px;color: #333;line-height: 32px;}
.plan_lc li span a{display: block;color: #333;background:url(../images/plan_ico1.png) no-repeat right 3px;padding: 0 44px 0 0;height: 80px;}
.plan_more{clear: both;padding: 32px 0 0;text-align: center;font-size:18px;line-height: 68px;}
.plan_more a{display: block;width: 369px;height: 68px;border: solid 2px #f1592a;border-radius: 34px;color: #333;margin: 0 auto;position: relative;overflow: hidden;z-index: 1;}
.plan_more a:before{content: "";position: absolute;width:580px;height:0;background:#f1592a;top:-50px;left:-50px;-webkit-transform: rotate(45deg);transform: rotate(45deg);z-index: -1;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.plan_more a:hover:before{height: 400px;}
.plan_lc li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.plan_lc li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}



/*牛商网内页 资讯中心列表页 8.24*/
.brk_h_top2{background:url(../images/brk_h_top2.jpg) no-repeat center 0; height: 98px; overflow: hidden;}
.zli_ban{background:url(../images/zl_ban.jpg) no-repeat center 0; height: 459px;}
.zli_mbx{ width: 1200px; margin: -55px auto 0; height: 55px; color: #fff; font-size: 16px; position: relative; z-index: 5;}
.zli_mbx p{ padding-left: 34px;background:url(../images/zl_mb1.png) no-repeat;}
.zli_mbx p i a{ color: #fff;}
.zli_mbx p span{ padding-left: 20px;background:url(../images/zl_mb2.png) no-repeat 8px 9px; display: inline-block;}
.zli_mbx1{ height: 90px; line-height: 90px;}
.zli_mbx1 h3{ float: left; color: #333333; font-size: 35px; letter-spacing: 5px;font-family: "wrjz","Microsoft Yahei";}
.zli_mbx1 ul{ float: right;}
.zli_mbx1 ul li{ float: left; padding-left: 25px;}
.zli_mbx1 ul li a{ display: inline-block; line-height: 100%; font-size: 16px; color: #333333; padding-bottom: 35px;}
.zli_mbx1 ul li.cur a,.zli_mbx1 ul li a:hover{ border-bottom: 3px solid #ee642a;}
.zli_mbx2{ background: #f0f5f8; padding-top: 43px; padding-bottom: 116px;}
.zli_top{ background: #fff; padding-top: 54px;position: relative; margin-bottom: 36px; height: 315px;}
.zli_top h3{ text-align: center; padding-bottom: 48px; position: relative;}
.zli_top h3:before{display: inline-block;width:29px;height: 2px;background: #f1592a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.65%;opacity: 1; top: 75px;}
.zli_top h3:hover:before{  width:117px;opacity: 1;}
.zli_top h3 span{ display: block; line-height: 100%; color: #848484; font-size: 16px; padding-bottom: 17px;}
.zli_top h3 i a{ display: block; color: #3c434e; font-size: 24px; letter-spacing: 3px;font-family: "wrjz","Microsoft Yahei";}
.zli_top p{ margin: 0 60px; text-align: center; font-size: 16px; color: #707070; line-height: 25px;}
.zli_top p span{ display: block; font-size: 14px; color: #333;font-weight: bold; padding-top: 15px;}
.zli_top h4{ position: absolute; left: 572px; bottom: -16px;}
.zli_list dl{ overflow: hidden; background: #fff; margin-bottom: 52px; height: 262px;}
.zli_list dl dt{font-size: 0;line-height: 0;position: relative;width: 463px;height: 262px;float: left;overflow: hidden;}
.zli_list dl dt img{width: 463px;min-height: 262px;}
.zli_list dl dt span{ display: inline-block;position: absolute; left: 25px; top: 25px; width: 126px; height: 44px; line-height: 44px; text-align: center; border: 2px solid #f1592a; border-radius: 5px; font-size: 14px; color: #fff; font-weight: bold; letter-spacing: 2px; z-index: 5;background: #333;}
.zli_list dl dd{ float: left; padding: 52px 0 0 65px; width: 625px;}
.zli_list dl dd h4{ overflow: hidden; height: 53px;    padding-bottom: 10px;}
.zli_list dl dd h4 i{ display: inline-block; float: left; font-size: 24px;    width: 625px;    font-family: "wrjz","Microsoft Yahei";}
.zli_list dl dd h4 i a{color: #3c434e;display: block;line-height: 26px;letter-spacing: 4px;overflow: hidden;height: 52px;font-weight: normal;}
.zli_list dl dd h4 i a:hover{ color: #f1592a;}
.zli_list dl dd h4 span{ display: inline-block; float: right; padding-left: 19px; height: 22px; border-left: 1px solid #e6eaec; font-size: 14px;}
.zli_list dl dd p{ height: 105px; font-size: 16px; color: #707070; line-height: 24px;}
.zli_list dl dd em a{ display: inline-block; font-size: 14px; color: #333; padding-right: 58px;background:url(../images/zl_mm1.jpg) no-repeat right 3px;}
.zli_list dl dd em a:hover{background:url(../images/zl_mm2.jpg) no-repeat right 3px; color: #f1592a;}
.zli_page{ background: #fff; height: 79px; overflow: hidden;}
.zli_page i{ display: inline-block; float: left; padding-left: 59px; line-height: 79px; color: #3c434e; font-size: 16px; letter-spacing: 2px; width: 405px;}
.zli_page em{ display: inline-block; float: left; line-height: 79px; border-left: 2px solid #f0f5f8; border-right: 2px solid #f0f5f8; width: 142px; text-align: center;font-size: 16px; }
.zli_page em a{ display: inline-block; line-height: 79px; color: #3c434e;}
.zli_page em a:hover{ color: #f1592a;}
.zli_page em:last-of-type{ border-right: 2px solid #fff;}
.zli_page ul{ float: left; overflow: hidden; padding: 24px 0 0 80px; width: 364px;}
.zli_page ul li{ float: left;font-size: 16px; color: #333; font-weight: bold;}
.zli_page ul li a{ display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; color: #333; font-weight: bold;}
.zli_page ul li a:hover,.zli_page ul li a.page_curr{ background: #edf2f5; color: #f1592a; font-weight: bold; border-radius: 30px;}
/*牛商网内页 资讯中心 新 8.24*/
.zxu_ban{background:url(../images/zxu_ban.jpg) no-repeat center 0; height: 456px; }
.zxu_on1{ overflow: hidden; height: 88px; line-height: 88px;background:url(../images/zxu_on1.png) no-repeat 0 35px; margin: 0 auto; width: 1200px;}
.zxu_on1 ul li{ padding-left: 43px;}
.zxu_on1 ul li a{ display: block; font-size: 16px; color: #333333; letter-spacing:2px;}
.zxu_on1 ul li span{ display: inline-block; padding-right: 22px;}
.zxu_on2{ background: #f0f5f8;  padding-bottom: 98px; overflow: hidden; margin-bottom: 65px; padding-top: 60px; height: 633px;}
.zxu_on2 h3{text-align: center; font-size: 28px; color: #333; letter-spacing: 6px; line-height: 100%; height:98px;position: relative;}
.zxu_on2 h3:before{display: inline-block;width:44px;height: 1px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top: 64px;}
.zxu_on2 h3:hover:before{  width:100px;opacity: 1;}
.zxu_on2 h3 a{ display: inline-block; line-height: 100%; font-size: 40px; color: #333333; letter-spacing: 3px;    font-weight: normal;}
.zxu_on2 h3 a:hover{color: #ee642a; }


.zxu_on27 dl{ overflow: hidden; background: #fff; height: 339px; margin-bottom: 29px;}
.zxu_on27 dl dt{ float: left; height: 339px; overflow: hidden; width: 599px;}
.zxu_on27 dl dt img{ width: 599px;height: 100%;}
.zxu_on27 dl dd{ float:left; width: 500px; padding: 67px 0 0 63px;}
.zxu_on27 dl dd h4 span{ display: block; line-height: 100%;font-family:"Microsoft Yahei";font-weight: normal; color: #848484; font-size: 16px; padding-bottom: 12px;}
.zxu_on27 dl dd h4 i{ display: block; height: 60px;}
.zxu_on27 dl dd h4 i a{display: block;line-height: 100%;font-family:"Microsoft Yahei";color: #302e2b;font-size: 28px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zxu_on27 dl dd h4 i a:hover{ color: #ee642a;}
.zxu_on27 dl dd p{ height: 83px; font-size: 14px; color: #6e6c6a; line-height: 20px;font-family:"Microsoft Yahei"; }
.zxu_on27 dl dd em a{ display: inline-block; padding-left: 30px; width: 144px; border: 2px solid #f1592a; border-radius:47px; height: 47px; line-height: 47px; color: #333333; font-size: 15px;font-family:"Microsoft Yahei";background: url(../images/zxu_on27_mor.png) no-repeat 96px 20px; text-align: left; box-sizing: border-box; transition: all 0.2s;}
.zxu_on27 dl dd em a:hover{background: url(../images/zxu_on27_mor.png) no-repeat 106px 20px;color: #ee642a;}
.zxu_on26{ margin-left: 261px;}
.zxu_on26 ul li{ float: left; font-size: 0; line-height: 0; box-sizing: border-box; width: 153px; margin-right: 20px;}
.zxu_on26 ul li img{ width: 153px;}
.zxu_on26 ul li.cur img{ border: 2px solid #f1693f;}
.zxu_uu1{ position: absolute; left: 213px; cursor: pointer; top: 498px; cursor: pointer;}
.zxu_dd1{ position: absolute; left: 970px; cursor: pointer; top: 498px; cursor: pointer;}
.zxu_on27 dl dt img,.zxu_on3 dl dt img{transition: all 0.3s linear 0s;}
.zxu_on27 dl dt img:hover,.zxu_on3 dl dt img:hover{transform: scale(1.05);}
/**/
.zxu_on3{ overflow: hidden;padding-bottom: 45px;}
.zxu_on3 h3{ font-size: 28px; color: #333333; letter-spacing: 3px; padding-bottom: 13px; text-align: center; line-height: 100%; height:107px;position: relative;}
.zxu_on3 h3:before{display: inline-block;width:44px;height: 1px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top: 67px;}
.zxu_on3 h3:hover:before{  width:100px;opacity: 1;}
.zxu_on3 h3 a{display: inline-block; line-height: 100%; font-size: 40px; color: #333333; letter-spacing: 3px;    font-weight: normal;}
.zxu_on3 h3 a:hover{color: #ee642a; }
.zxu_on3 dl{ overflow: hidden; margin-bottom: 45px;}
.zxu_on3 dl dt{ font-size: 0; line-height: 0; float: left;  width: 238px; height: 134px;overflow: hidden;}
.zxu_on3 dl dt img{ width: 238px; height: 134px;}
.zxu_on3 dl dd{width: 923px; height: 133px; border-bottom: 1px solid #e6e6e6; padding: 20px 0 0 0; float: right; box-sizing: border-box;}
.zxu_on3 dl dd h4{ line-height: 100%; font-size: 24px;height: 37px;}
.zxu_on3 dl dd h4 span{ display: inline-block;}
.zxu_on3 dl dd h4 em{ display: inline-block; float: right; font-size: 14px;font-family:"Microsoft Yahei";font-weight: normal;}
.zxu_on3 dl dd h4 a{ color: #333333; letter-spacing: 5px;    overflow: hidden;display: inline-block; float: left; font-size: 18px;    white-space: nowrap;    text-overflow: ellipsis;    font-weight: normal;}
.zxu_on3 dl dd h4 a:hover{ color: #f1592a;}
.zxu_on3 dl dd p{ height: 73px;  font-size: 14px; color: #333333; line-height: 20px; letter-spacing: 2px;font-family:"Microsoft Yahei"; }
.zxu_on3 dl dd em{ display: block; font-size: 16px; color: #707070; letter-spacing: 1px;}
.zxu_on3 dl dd em span{ padding-right: 27px;}
.zxu_on3 dl:last-of-type{ border-bottom: none;}
.zxu_on3 h5{ text-align: center; height: 74px; padding-top: 20px;}
.zxu_on3 h5 a{font-weight: normal; font-size: 16px; color: #333333;}
.zxu_on3 h5 a:hover{color: #f1592a;}


.zxu_on4{ padding-top: 64px; height: 920px;background: #f0f5f8;margin-bottom: 72px; }
.zxu_on4 h3{ text-align: center; line-height: 100%; height: 112px;position: relative;}
.zxu_on4 h3 a{ font-size: 40px;    font-weight: normal; display: inline-block; line-height: 100%; color: #333333; letter-spacing: 3px;}
.zxu_on4 h3:before{display: inline-block;width:44px;height: 1px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top: 64px;}
.zxu_on4 h3:hover:before{  width:100px;opacity: 1;}


.ys7{  background: #fff; height:592px; overflow:hidden; padding-top: 73px;}
.zxu_on4 .ys .content{ position:relative;}
.zxu_on4 .ys2 dl{ height:510px; overflow:hidden;}
.zxu_on4 .ys2 dt{ width:424px; height:236px;overflow:hidden; float:left;}
.zxu_on4 .ys2 dt img{ display:block; width:424px; height:236px;-webkit-transition: 1s; -moz-transition: 1s;    transition: 1s;}
.zxu_on4 .ys2 dt:hover img{-webkit-transform:scale(1.1,1.1);    -moz-transform:scale(1.1,1.1);    -transform:scale(1.1,1.1);}
.zxu_on4 .ys2 dd{ width:425px; float:left; padding: 42px 0 0 52px; position: relative;}
.zxu_on4 .ys2 dd:before{ content: ""; position: absolute; left: 52px; top: 233px; width: 114px; height: 2px; background: #f1592a;}
.zxu_on4 .ys2 dd h4{ height: 78px; line-height: 100%;font-family:"Microsoft Yahei";font-weight: normal; color: #848484; font-size: 12px;}
.zxu_on4 .ys2 dd h4 i{ display: block; padding-top: 20px;}
.zxu_on4 .ys2 dd h4 i a{line-height: 100%;font-size: 28px;color: #333333;letter-spacing: 3px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.zxu_on4 .ys2 dd h4 i a:hover{ color: #f1592a;}
.zxu_on4 .ys2 dd p{ color: #6e6e6e; font-size: 14px;font-family:"Microsoft Yahei";}
.zxu_on4 .ys2 ul{ clear: both; padding-top: 48px; height: 250px;}
.zxu_on4 .ys2 ul li{ padding-top: 0; height: 128px; width: 428px; float: left; margin-right: 48px;font-family:"Microsoft Yahei";}
.zxu_on4 .ys2 ul li span{ display: block; color: #848484; font-size: 14px; padding-bottom: 15px;}
.zxu_on4 .ys2 ul li  a{ display: block; font-size: 18px; color: #333333;  overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.zxu_on4 .ys2 ul li  a:hover{ color: #f1592a;}
.zxu_on4 .ys2 ul li em{ display: block; padding-top: 12px; color: #6d6d6e; font-size: 14px;}

.zxu_on4 .yst{ height:510px; overflow:hidden; float: left; width:120px; padding-left: 73px; border-right: 1px solid #d3dee9;}
.zxu_on4 .yst ul{ height: 342px;}
.zxu_on4 .ys ul:before{ display: none;}
.zxu_on4  .yst li{overflow:hidden; font:18px "Microsoft YaHei"; text-align:center; color:#333; clear: both; margin-right: 0; padding-top: 0; padding-bottom: 10px; border-bottom: 2px solid #fff; margin-bottom: 37px;}
.zxu_on4  .yst li a{ line-height: 100%;  color: #333;font:16px "Microsoft YaHei";}
.zxu_on4 .yst li:hover,.yst li.cur{ color:#43ccb5; font-weight:bold;border-bottom: 2px solid #333;}
.zxu_on4  .yst h4{ width: 49px; text-align: center;}
.zxu_on4  .yst h4 span{ display: block; line-height: 100%;font:16px "Microsoft YaHei"; color: #333;}
.zxu_on4  .yst h4 img{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.zxu_on4  .yst h4:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.zxu_on4 .yst2{     width: 94px;    height: 11px;float:left; position:relative; z-index:2; margin-top:-300px; margin-left: 427px;}
.zxu_on4 .yst2 li{ width:11px; height: 11px; border-radius: 11px; background:#fff; float:left; margin-right:9px; font-size: 0;padding: 0; cursor: pointer;}
.zxu_on4 .yst2 .cur01{  background: #f1592a; padding: 0;}

.zxu_on4 .ys2{ float: right; width: 954px;}

/**/
.zxu_on5{ height: 806px; overflow: hidden;}
.zxu_on5 h3{ text-align: center; line-height: 100%; height: 123px;position: relative;}
.zxu_on5 h3:before{display: inline-block;width:44px;height: 1px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top: 64px;}
.zxu_on5 h3:hover:before{  width:100px;opacity: 1;}
.zxu_on5 h3 a{ display: inline-block; line-height: 100%; font-size: 40px; color: #333333; letter-spacing: 5px; font-weight: normal;}

.zxu_on5 h4{ padding-top: 30px; text-align: center;}
.zxu_on5 h4 a{ display: inline-block; font-weight: normal; color: #fff; background: #ee642a; width: 211px; height: 60px; line-height: 60px; background: #ee642a; border-radius: 60px; font-size: 17px;}
.zxu_on5_l{ width: 329px; height: 505px; border-bottom: 1px solid #d3dee9;}
.zxu_on5_l ul li{ height: 125px;}
.zxu_on5_l ul li i a{ display: block; font-size: 18px;font-family:"Microsoft Yahei"; color: #333333; letter-spacing: 1px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;line-height: 23px;}
.zxu_on5_l ul li i a:hover{color: #ee642a;}
.zxu_on5_l ul li em{ display: block; padding-top: 20px; line-height: 23px; color: #707070; font-size: 14px; width: 286px;}

.zxu_on5_r{ width: 770px;}
.zxu_on5_r dl{ float: left; width: 325px; height:236px; border-bottom: 1px  solid #d3dee9; margin-bottom: 32px;}
.zxu_on5_r dl:nth-of-type(2n){ float: right;}
.zxu_on5_r dl dt{ font-size: 0; line-height: 0; overflow: hidden; height: 81px; margin-bottom:30px;}
.zxu_on5_r dl dt img{ width: 146px;}
.zxu_on5_r dl dd h5{ line-height: 100%; font-weight: normal;font-size: 18px;font-family:"Microsoft Yahei"; color: #333333; letter-spacing: 1px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; display:block}
.zxu_on5_r dl dd h5 a{ color: #333;line-height: 23px;}
.zxu_on5_r dl dd h5 a:hover{color: #ee642a;}
.zxu_on5_r dl dd p{ padding-top: 20px; line-height: 23px; color: #707070; font-size: 14px;}
.zxu_on5 h4{ padding-top: 22px;}
/*
.zulis{ overflow: hidden; height: 80px;}
.zulis ul{ overflow: hidden; margin-left: 356px;}
.zulis ul li{ float: left; margin-right: 9px; width: 110px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #acbbc2; border-radius: 42px;}
.zulis ul li a{ display: block; color: #6b6d6e; font-size: 16px;}
.zulis ul li.cur,.zulis ul li:hover {border: 2px solid #f1592a;}
.zulis ul li.cur a，.zulis ul li:hover a{ color: #333;}
.zuls_on{ overflow: hidden; background: #fff; padding: 40px 50px 0; height: 530px;}
.zuls_on_l{ width: 424px;}
.zuls_on_l h5{ height:40px; line-height: 100%;font-weight: normal; color: #707070; letter-spacing: 3px;}
.zuls_on_l dl dt{ font-size: 0; line-height: 0; margin-bottom: 38px;}
.zuls_on_l dl dt img{ width: 424px;}
.zuls_on_l dl dd h4{ position: relative; margin-bottom: 12px;}

.zuls_on_l dl dd h4 a{ display: block; font-size: 24px; color: #333333; letter-spacing: 4px; line-height: 30px;}
.zuls_on_l dl dd h4 a span{ display: block;}
.zuls_on_l dl dd p{ font-size: 14px; color: #5c5c5c; line-height: 22px; height: 87px; letter-spacing: 1px;}
.zuls_on_l dl dd em{ display: block;}
.zuls_on_l dl dd em a{ color: #333; font-size: 16px; letter-spacing: 2px;}
.zuls_on_l dl dd  a:hover{ color: #f1592a;}
.zuls_on_r{ width: 580px; margin-top: 40px; padding-left: 53px; border-left: 1px solid #d3dee9;}
.zuls_on_r dl{ overflow: hidden; margin-bottom: 37px;}
.zuls_on_r dl dt{ float: left; font-size: 0; overflow: hidden; width: 146px;line-height: 0;}
.zuls_on_r dl dt img{ width:146px;}
.zuls_on_r dl dd{ float: right; width: 403px;}
.zuls_on_r dl dd h4{ line-height: 100%; font-weight: normal; padding-bottom: 12px; overflow: hidden;}
.zuls_on_r dl dd h4 span{ float: right; font-size: 16px; color: #707070;}
.zuls_on_r dl dd h4 a{ display: inline-block; float: left; font-size: 18px; color: #333; letter-spacing: 3px; line-height: 100%;width: 348px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;font-family: "Microsoft Yahei";}
.zuls_on_r dl dd h4 a:hover{ color: #f1592a;}
.zuls_on_r dl dd p{ color: #5c5c5c; line-height: 20px; letter-spacing: 3px; padding-top: 5px;}
*/
/*案例列表页 8.25*/
.an_ban{background:url(../images/anli_ban.jpg) no-repeat center 0; height: 456px;}
.an_om1{ overflow: hidden; padding-top: 82px; background: #f0f5f8; height: 746px; margin-bottom: 70px;}
.an_omtop{ position: relative; height: 439px; border-bottom: 1px solid #f0f5f8; background: #fff;}
.a_ua{ position: absolute; left: -36px; cursor: pointer; top: 220px; z-index: 55;}
.a_da{ position: absolute; right: -36px; cursor: pointer; top: 220px; z-index: 55;}
.an_om1 h2{text-align: center; line-height: 100%;font-weight: normal; padding-bottom: 45px;}
.an_om1 h2 i{ display: block; font-weight: normal; line-height: 100%; font-size: 40px; letter-spacing: 7px; padding-bottom: 14px; color:#333}
.an_om1 h2 span{ display: block; font-weight: normal;}
.an_om1 h2 span a{font-family:"Microsoft Yahei"; font-size: 14px; color: #333333;}
.an_omtop ul li{ overflow: hidden;}
.an_omtop ul li b{ display: inline-block; float: left; font-size: 0; line-height: 0;width: 705px; height: 439px;}
.an_omtop ul li b img{ width: 705px; height: 439px;}
.an_omtop ul li em{ display: inline-block; float: left; padding: 60px 0 0 59px; width: 375px;}
.an_omtop ul li em>i{ display: block; font-size: 14px; color: #6e6e6e; padding-bottom: 35px;}
.an_omtop ul li em>i span{ display: block;}
.an_omtop ul li em>i a{ display: block; line-height: 100%; font-size: 28px; color: #333; letter-spacing: 4px;font-family: "wrjz","Microsoft Yahei"; }
.an_omtop ul li em .lis{ display:block; margin-bottom:20px}
.an_omtop ul li em .lis p i{ font-weight:bold;color: #333;}
.an_omtop ul li em strong{ display: block; font-weight: normal;  font-size: 16px; line-height: 24px; color: #6e6e6e; letter-spacing: 1px;font-family:"Microsoft Yahei"; font-size: 14px; line-height: 24px; height: 128px;}
.an_omtop ul li em .mor{ display: block; border-radius: 51px; transition: all 0.2s;font-family:"Microsoft Yahei"; background: url(../images/an_img_bth.jpg) no-repeat; width: 148px; height: 51px; line-height: 51px; border: none; text-align: left; padding-left: 30px; font-size: 14px; color: #333;}
.an_omtop ul li em .mor:hover{width: 148px; height: 51px;background: url(../images/an_img_bth.jpg) no-repeat;border: none; color: #f1592a;}
.an_omk{ padding-top: 55px; height: 102px;}
.an_omk ul li{ float: left; width: 280px; margin-right: 20px; height: 100px; overflow: hidden; transition: all 0.2s;}
.an_omk ul li b{ display: inline-block; float: left; width: 87px; height: 67px; margin-left:27px;}
.an_omk ul li b img{ display: inline-block; width: 87px; height: 67px;border: none;}
.an_omk ul li em{ display: inline-block; float: left; width: 148px; padding: 5px 0 0 17px; font-size: 14px; color: #6e6e6e; letter-spacing: 1px;}
.an_omk ul li em span{ display: block; line-height: 100%; font-size: 20px; color: #333333; margin-bottom: 10px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.an_omk ul li:hover{ border-bottom: 2px solid #ee642a;}
.an_omk ul li:hover b img{ box-sizing: border-box; border: 3px solid #d8e0e5; border-radius: 2px;}


.an_om2{ overflow: hidden; height: 79px;}
.an_om2 h3{font-weight: normal; float: left; font-size: 40px; color: #333333; line-height: 100%;}
.an_om2 ul{ margin-left: 0; float: right; overflow: hidden; padding-top: 24px;}
.an_om2 ul li{ float: left; margin-right: 45px;}
.an_om2 ul li a{ display: inline-block; line-height: 100%; color: #3b434e; font-size: 14px;font-family:"Microsoft Yahei"; padding-bottom: 11px;}
.an_om2 ul li.cur a,.zli_mbx1 ul li a:hover{ border-bottom: 3px solid #ee642a;}
.an_om3{ overflow: hidden;}
.an_om3 dl{ float: left; width: 382px; margin-right: 25px; height: 512px;}.an_om3 dl:nth-of-type(3n){ margin-right: 0;}
.an_om3 dl dt{ font-size: 0; line-height: 0; overflow: hidden; margin-bottom: 37px;}
.an_om3 dl dt img{ width:382px; height:238px; display:block}
.an_om3 dl dd h3 a{ display: block; line-height: 100%; font-size: 20px; letter-spacing: 5px; color: #3b434e;font-weight: normal; font-family:"Microsoft Yahei"; }
.an_om3 dl dd h3 a:hover{ color: #ee642a;}
.an_om3 dl dd p{ padding-top: 22px; height: 100px; color: #6e6e6e; font-size: 14px; line-height: 23px; letter-spacing: 1px;}
.an_om3 dl dd em{ display: block;}
.an_om3 dl dd em a{ display: inline-block; width: 129px; height: 41px; line-height: 41px;  border-radius: 41px; text-align: center; transition: all 0.2s;font-family:"Microsoft Yahei"; background: url(../images/an_img_bth.jpg) no-repeat; width: 148px; height: 51px; line-height: 51px; border: none; text-align: left; padding-left: 30px; font-size: 14px; color: #333;}
.an_om3 dl dd em a:hover{width: 148px; height: 51px;background: url(../images/an_img_bth.jpg) no-repeat;border: none; color: #f1592a;}
.an_om2 ul li a:hover{border-bottom: 3px solid #ee642a;}



.an_om4{ background: #f0f5f8; padding-top: 105px; height: 1075px; overflow: hidden;}
.an_om4 h4{ text-align: center;font-weight: normal; }
.an_om4 h4 i{ display: block; line-height: 100%; padding-bottom: 16px;}
.an_om4 h4 i a{ display: block; font-size: 36px; color: #3b434e; letter-spacing: 6px; line-height: 100%;  font-family: "wrjz","Microsoft Yahei";}
.an_om4 h4 span{ display: block; line-height: 100%; margin-bottom: 51px;}
.an_om4 h4 span a{ display: block; color: #333; letter-spacing: 1px;}
.an_om4 h4 a:hover{color: #ee642a; }
.an_om4 ul li{ position: relative; background: #fff; width: 575px; height: 387px; float:left; margin-bottom: 35px; overflow: hidden; transition: all 0.2s;}
.an_om4 ul li:nth-of-type(2n){ float: right;}
.an_om4 ul li strong,.an_om4 ul li em{ display:none;}
.an_om4 ul li strong img{ width:575px;}
.an_om4 ul li i{ display: block; text-align: center; padding-top: 73px;}
.an_om4 ul li i b{ display: block; line-height: 100%; padding: 25px 0 40px 0; color: #3b434e; font-size: 28px; letter-spacing:2px;}
.an_om4 ul li i span{ display: block; font-size: 24px; color: #333333; line-height: 31px; margin: 0 50px;
    font-family: "wrjz","Microsoft Yahei";}
.an_om4 ul li:hover strong{ display: inline-block; position: absolute; left: 0; top: 0; z-index: 5;}
.an_om4 ul li:hover em{ display: block; position: absolute; left: 0; top: 0; z-index: 55; width: 100%;}
.an_om4 ul li:hover em span{ display: block; padding-top: 100px; width: 463px; margin: 0 auto; font-size: 14px; height: 149px; color: #dedede; line-height: 22px; text-align: center;}
.an_om4 ul li:hover em a{ display: block; width: 219px; height: 40px; line-height: 40px; border-radius: 3px; overflow: hidden; margin: 0 auto; border: 2px solid #fff; text-align: center;color: #dedede;  font-size: 16px; letter-spacing: 1px;}
.an_om4 ul li:hover em a:hover{background: #fff; color: #3c424e;}



.an_om5{ padding-top: 67px; background: #f0f5f8; height: 1024px; overflow: hidden;}
.an_om5 h2{text-align: center; line-height: 100%;font-weight: normal; padding-bottom: 40px;color: #333;}
.an_om5 h2 i{ display: block; font-weight: normal; line-height: 100%; font-size: 40px; letter-spacing: 7px; padding-bottom: 14px;}
.an_om5 h2 span{ display: block; font-weight: normal;}
.an_om5 h2 span a{font-family:"Microsoft Yahei"; font-size: 14px; color: #333333;}

.an_om5_bg{ background: #fff; height: 772px; overflow: hidden;}
.an_om51{ position: relative; font-size: 0; line-height: 0; height: 391px; float: left; overflow: hidden;width: 599px;}
.an_om51_a ul li{ font-size: 0; line-height: 0; position:relative}
.an_om51_a ul li em{position: absolute;width: 100%;height: 62px;background: rgba(0,0,0,.5);left: 0;bottom: 0;
font-size: 16px;line-height: 62px;color: #fff;text-align: center;padding: 0 5px 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: 400;}
.an_om51_a ul li img{ width: 599px; height: 379px;}
.an_om51_b{top: 352px;position: absolute;left: 286px;z-index: 5;}
.an_om51_b ul li{ float: left;cursor: pointer; width: 8px; height: 8px; border-radius: 8px; border-radius: 8px; background: #fff; margin-right: 6px;}
.an_om51_b ul li.on{ background: #f1592a;}

.an_om52{ margin: 53px 0 0 73px; width: 470px; float: left; height: 338px; border-bottom: 1px solid #d2d3d6;}
.an_om52 h3{ line-height: 100%; font-weight: normal; font-size: 22px; color: #333333; letter-spacing: 2px; height: 62px;}
.an_om52 ul li a{ display: block; line-height: 100%; color: #3b434e; letter-spacing: 2px; margin-bottom: 21px; font-size: 14px;font-family:"Microsoft Yahei";}
.an_om52 ul li a:hover{ color: #f1592a;}

.an_om52 h3 em{ display: inline-block; float: right; font-size: 14px;font-family:"Microsoft Yahei";  padding-left: 25px;position:relative;}
.an_om52 h3 em span{ display: block;font-family: "wrjz"; font-size: 48px; line-height:81%;}
.an_om52 h3 em:before{ content: ""; left: 0; top: 0; position: absolute; width: 1px; height: 36px; background: #e7e8e2;}
.an_om53 h3 em{ margin-right: 55px;}
.an_om5_bg .mor a{font-family:"Microsoft Yahei"; font-weight: normal; display: inline-block; color: #333333; font-size: 14px; padding-bottom: 6px; border-bottom: 3px solid #f1592a; line-height: 100%;}
.an_om5_bg{ height: 803px;}
.an_om5{    height: 1044px;}
.an_om52:last-of-type{ border-bottom: none;}

.an_om53{ border-right: 1px solid #d2d3d6; width: 529px; height: 300px; border-bottom: none;}
/*资讯详情页 9.1*/
.zixu{ padding-top: 60px;}
.zixu .zixu_tit{ text-align: center;}
.zixu .zixu_tit h1{ display: block; font-size: 40px;line-height: 50px; letter-spacing: 3px; padding-bottom: 43px; color:#333}
.zixu .zixu_tit em{ display: block; height: 54px;    font-family:"Microsoft Yahei";font-weight: normal; line-height: 100%;}
.zixu .zixu_tit em span{ display: inline-block; padding: 0 26px; margin: 0 26px; border-left: 1px solid #bbcbdc; border-right: 1px solid #bbcbdc; line-height: 100%;}
.zixu1{background: #f0f5f8;padding: 45px 100px 45px;line-height: 30px;letter-spacing: 2px;font-family:"Microsoft Yahei";margin-bottom: 30px;}
.zixu2 h3{ padding-top: 68px; text-align: center; font-size: 24px; letter-spacing: 3px; padding-bottom: 37px;}
.zixu2 p{line-height: 30px; font-size: 16px; color: #333333; text-align: left; letter-spacing: 2px; font-family:"Microsoft Yahei"; padding-bottom: 57px;}
.zixu3{ overflow: hidden; margin-left: 442px; padding-bottom: 27px; padding-top:57px;}
.zixu3 ul li{ line-height: 100%; padding-bottom: 20px; overflow: hidden; font-size: 14px;}
.zixu3 ul li em{ display: inline-block; float: left; width: 64px;}
.zixu3 ul li em a{ color: #333;}
.zixu3 ul li i{ display: inline-block; float: left; font-size: 14px;}
.zixu3 ul li i a{ color: #6e6e6e;}
.zixu3 ul li i a:hover{ color: #f1592a;}
.zixu4{ overflow: hidden;height: 70px; text-align: center; position: relative;}
.zixu4:before{ content: ""; left: 0; position: absolute; top: 24px; width: 517px; height: 1px; background: #d5e0e6;}
.zixu4:after{ content: ""; right: 0; position: absolute; top: 24px; width: 517px; height: 1px; background: #d5e0e6;}
.zixu4 img{ display: inline-block; margin: 0 11px;}
.zixu4 a{display: inline-block; margin: 0 11px; width:49px !important; height:49px !important;}
.zixu5{ overflow: hidden;border-bottom: 1px solid #d3dee9; margin-bottom: 43px;}
.zixu5 h5{ line-height: 100%; color: #333333; font-size: 40px;font-weight: normal; letter-spacing: 9px; padding-bottom: 56px;}
.zixu5 ul li{ float: left; width: 325px; margin-right: 112px; height: 168px; border-bottom: 1px solid #d3dee9; margin-bottom: 42px;}
.zixu5 ul li:nth-of-type(3n){ margin-right: 0;}
.zixu5 ul li i{ display: block; padding-bottom: 13px;}
.zixu5 ul li i span{ display: block; color: #707070; letter-spacing: 2px;}
.zixu5 ul li i a{ display: block; font-size:20px; color: #333333; letter-spacing: 1px; line-height: 24px;}
.zixu5 ul li i a:hover{ color: #ee642a;}
.zixu5 ul li em{ display: block;color: #707070; line-height: 24px; letter-spacing: 1px; font-size: 14px;}
.zixu5 ul li:nth-of-type(4),.zixu5 ul li:nth-of-type(5),.zixu5 ul li:nth-of-type(6){ border-bottom: none;}
.zixu6{ overflow: hidden; padding-bottom: 100px;}
.zixu6 h3{ height: 80px; line-height:100%;}
.zixu6 h3 span{ display: inline-block; float: right; padding-top: 29px;}
.zixu6 h3 span a{ font-size: 16px; color: #333333;}
.zixu6 h3 i{ display: inline-block; float: left;}
.zixu6 h3 i a{ font-size:40px; color: #333333; line-height: 100%; font-weight: normal;}
.zixu6 dl{ overflow: hidden; width: 361px; float: left; margin-right: 58px; background: #f0f5f8; height: 452px;}.zixu6 dl:last-of-type{ margin-right: 0;}
.zixu6 dl dt{ position: relative; font-size: 0; line-height: 0;}
.zixu6 dl dt a{ height:225px; display:block; overflow:hidden; width:100%;}
.zixu6 dl dt img{transition: all 0.2s;width: 100%;}
.zixu6 dl dt img:hover{transform: scale(1.05);}
.zixu6 dl dt span{ display: inline-block; position: absolute; right: 0; top: 0;     min-width: 70px;    padding: 0 5px; height: 34px; line-height: 34px; background: #f1592a; color: #fff; text-align: center; font-size: 14px; letter-spacing: 2px;}
.zixu6 dl dd{ padding: 26px 40px 0;}
.zixu6 dl dd h4 a{display: block;font-size: 22px;color: #3c434e;line-height: 100%;font-family:"Microsoft Yahei";font-weight: normal;background:url(../images/zixu51.jpg) no-repeat right 8px;transition: all 0.2s;padding-right: 70px;}
.zixu6 dl dd h4 a:hover{ color: #f1592a; background-position: 230px 8px;}
.zixu6 dl dd p{ padding-top: 19px;  line-height: 30px;font-family:"Microsoft Yahei";}
/*案例详情页*/
.anli_ban{ overflow: hidden;background:url(../images/an_ban.jpg) no-repeat center 0; height: 757px; margin-bottom:-297px;}
.anli_on1{ width: 1520px; margin: 0 auto; background: #fff; height: 242px;}
.anli_on1 p{ width: 1200px; margin: 0 auto; padding-top: 80px; overflow: hidden;}
.anli_on1 p i{ display: inline-block; float: left; font-size: 59px; line-height: 100%; color: #3c434e;    width: 440px;    font-family: "wrjz","Microsoft Yahei";}
.anli_on1 p span{ display: inline-block; float: right; width: 720px; color: #3c434e; font-size: 15px; line-height: 24px;}
.anli_on2{background:url(../images/anli_bg.jpg) repeat-y center 0; border-bottom: 110px solid #f0f5f8; position: relative;}
.anli_on2:before{ position: absolute; left: 0; content: ""; height: 45px; background: #f0f5f8; bottom: 672px; width: 100%;}
.ani{ overflow: hidden; }
.ani .lis{ overflow: hidden; height: 66px; line-height: 66px; border-top: 1px solid #e9eef4; border-bottom: 1px solid #e9eef4;margin-bottom: 24px;}
.ani .lis p{ float: left; width: 400px; box-sizing: border-box; text-align: center; color: #3c434e; font-size: 15px;padding: 0 20px;
overflow: hidden; text-overflow:ellipsis;white-space:nowrap;display: block;}
.ani .lis p i{ padding-right: 11px; color: #333;font-weight: bold;}
.ani .lis p:nth-of-type(2){border-right: 1px solid #e9eef4; border-left: 1px solid #e9eef4; }
.ani h3{ overflow: hidden; height: 95px; font-size: 15px; color: #3c434e; line-height: 43px;}
.ani h3 i{ display: inline-block; float: right; padding-left: 57px;background:url(../images/anli_link.jpg) no-repeat; height: 43px; line-height: 43px; font-size: 15px; color: #3c434e;}
.ani3{ overflow: hidden; height: 181px; border-bottom: 1px solid #e9eef4; margin-bottom: 37px;}
.ani3 p{ margin: 0 auto; padding-top: 36px; height: 95px; width: 131px; border-radius: 131px; border: 1px solid #eaeaea; text-align: center;}
.ani3 p span{ display: block; line-height: 100%; color: #3c434e; font-size: 16px; padding-top: 12px;}
.ani4{ overflow: hidden; height: 155px;}
.ani4 li{ float: left; width: 50%;}
.ani4 li a{ display: block; color: #3c434e; font-size: 15px;}
.ani4 li a i{ display: block; padding-top: 25px; color: #73767d;}
.ani4 li:last-of-type{ text-align: right;}
.ani5{ overflow: hidden; padding-bottom: 140px;}
.ani5 h4{ line-height: 100%; font-weight: normal; font-size: 48px; color: #3c434e; padding-bottom: 42px;}
.ani5 ul{ overflow: hidden; margin-bottom: 145px;}
.ani5 ul li{ float: left; width: 384px; margin-right: 24px; height: 380px; background: #f0f5f8;}
.ani5 ul li img{ width:100%;}
.ani5 ul li:last-of-type{ margin-right: 0;}
.ani5 ul li em{ display: block; margin:28px 35px 0; overflow: hidden; color: #333333; font-size: 37px; line-height: 100%;}
.ani5 ul li em span{ display: inline-block; float: right; font-size: 16px; color: #333333;}
.ani5 ul li i{ display: block; margin:0 35px 0; padding-top: 15px; font-size: 16px; color: #333333;}
.ani6{ border-bottom: none; margin-bottom: 3px;}



/* --------------------    站神     ------------------------- */
.zsbox{line-height: 36px;padding: 114px 0;font-size: 16px;color: #333;}
.zsbox_w{width:410px;padding: 24px 0 0;}
.zsbox_p{width:625px;}

.zs_webox{background:url(../images/zs_weboxbg.jpg) no-repeat center 0;padding: 80px 0;}
.zs_webox dt img{-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.zs_webox dl:hover dt img{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);margin: 0;}

.zs_effic{background: #eff5fc;text-align: center;}
.zs_effic_c{padding-bottom: 136px;}
.zs_effic dl{width: 380px;height:542px;background: #fff;border-radius: 5px;float: left;margin:0 30px 0 0;box-sizing:border-box;position: relative;z-index: 1;}
.zs_effic dt{width: 284px;padding: 28px 48px 0;position: relative;text-align: center;height: 322px;}
.zs_effic dt em{font-size: 20px;color: #dfdfdf;left: 0;top:20px;width: 60px;position: absolute;z-index: 2;}
.zs_effic dt p{width: 284px;left: 48px;position: absolute;top: 238px;font-size: 18px;line-height: 30px;color: #333;padding-bottom:30px;}
.zs_effic dt p:before{content: "";position: absolute;width:30px;height:2px;background:#f1592a;bottom:0;left: 50%;margin-left: -15px;}
.zs_effic dd{padding: 0 50px;}

.zs_plan{background:url(../images/zs_planbg.jpg) no-repeat center bottom;padding: 118px 0;font-size: 18px;line-height: 54px;}
.plan_prev1,.plan_next1{top: 219px;right: -112px;left: auto;}
.zs_prev2,.zs_next2{top: 276px;right: -112px;left: auto;}
.plan_prev1,.zs_prev2{left: -112px;}
.plan_t{border: solid 2px #b8c6d7;border-radius: 0 9px 0 9px;overflow: hidden;margin-bottom: 74px;}
.plan_tt{width:80px;height: 196px;background: #b8c6d7;color: #fff;font-size: 18px;line-height: 40px;}
.plan_tt span{padding: 52px 30px 0;display: block;}
.plan_tc{float: left;width: 1065px;padding: 43px 0 0 22px;}
.plan_tc li{float: left;position: relative;}
.plan_tc li a{color: #333;padding: 0 17px;display: inline-block;}
.plan_tc li a:hover{color: #f1592a;font-weight: bold;}
.plan_cl li{position: relative;float: left;margin: 0 30px 29px 0;}
.plan_cl li:nth-child(3n){margin-right: 0;}
.plan_cl li,.plan_cl li p{width:380px;height: 246px;display: block;border-radius: 7px;overflow: hidden;}
.plan_cl li span{width:100%; height:100%;background:rgba(0,0,0,0.6);padding-top:104px; box-sizing: border-box; position: absolute; left:0;top:0;  display:none; transition: .8s;}
.plan_cl li p img{width:100%; transition: .5s;}
.plan_cl li p{-webkit-animation: scrollToUp 0 linear infinite;animation: scrollToUp 0 linear infinite;}
.plan_cl li:hover span{display: block;}
.plan_cl li:hover span em{display: block; width:48px; height:34px; margin:0 auto; background:url(../images/jy-zsmico3.png) no-repeat center;}
.plan_cl li:hover p{-webkit-animation: scrollToUp 8.5s linear infinite;animation: scrollToUp 8.5s linear infinite;}
.plan_cl li:hover p img{opacity: 0;}

.zs_more{display: block;width:182px;line-height: 70px;text-align: center;border-radius: 3px;border: solid 2px #f1592a;margin:46px auto 0;font-size: 20px;color: #f1592a;position: relative;overflow: hidden;z-index: 1;}
.zs_more:before{content: "";position: absolute;width:380px;height:0;background:#f1592a;top:-50px;left:-50px;-webkit-transform: rotate(45deg);transform: rotate(45deg);z-index: -1;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.zs_more:hover:before{height: 400px;}
.zs_more:hover{color: #000;}

.zs_case{background: #e8eef3;padding: 100px 0 120px;}
.zs_case:before,.zs_case:after,.zs_case .case_con dd:before{width: 0;height: 0;border: 0;}
.zs_case .case_con dl{height: 350px;background: #fff;}
.zs_case .case_con dt,.zs_case .case_con dt img{width: 496px;height: 350px;}
.zs_case .case_con dd{padding-top: 26px;}
.zs_case .case_wz{height: 160px;}
.zs_case .case_more{background:url(../images/zl_mm2.jpg) no-repeat right center;}

.zs_gdbox{background:url(../images/zsboxbg.jpg) no-repeat center bottom;padding: 100px 0;}
.zs_more_con{overflow: hidden;}
.zs_more_con dl{width:288px;height: 252px;background: #fff;border-radius: 9px;position: relative;overflow: hidden;margin-right: 40px;padding: 38px 38px 0 48px;background: url(../images/zs_morep01.jpg) no-repeat center 0;}
.zs_more_con dl h4{font-size: 24px;height: 50px;line-height: 50px;font-family: "wrjz","Microsoft Yahei";font-weight: normal;}
.zs_more_con dt span{height: 184px;display: block;}
.zs_more_con dt h4{background:url(../images/zs_ico2.png) no-repeat right center;color: #fff;}
.zs_more_con dd{width: 374px;box-sizing:border-box;padding: 0 38px 0 48px;color: #fff;position: absolute;left: 0;height: 0;bottom: 0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;z-index: 1;}
.zs_more_con dd h4{padding-top: 38px;}
.zs_more_con dd h4 a{color: #fff;display: block;}
.zs_more_con dd p{padding-bottom: 38px;background:url(../images/zs_ico2.png) no-repeat right bottom;}
.zs_more_con dl:hover dt h4{ display:none}
.zs_more_con dl:hover dd{height: 290px;}


/*牛商大学*/
.scl_ban{overflow: hidden;box-sizing: border-box;top: 15%;position: absolute;left: 50%;margin-left: -600px;}
.scl_ly{float: right;width: 486px;height: 364px;overflow: hidden;box-sizing: border-box;border-radius: 5px;background: #fff;border-top: 3px solid #f05827;box-shadow: 0 0 25px rgba(0,0,0,0.3);padding: 42px 50px 0 50px;}
.scl_ly h3 span{ display: block; font-size: 22px; color: #333333; letter-spacing: 3px;}
.scl_ly h3 i{ display: block; line-height: 100%; padding: 13px 0 27px 0; font-size: 14px; color: #5c5c5c; letter-spacing: 3px; font-family: "微软雅黑";font-weight: normal;}
.scl_ly ul li{ overflow: hidden; margin-bottom: 22px; width: 180px; float: left;}
.scl_ly ul li:first-of-type{ margin-right: 10px;}
.scl_ly ul li i{ display: inline-block; float: left;font-family: "微软雅黑"; font-size: 14px; color: #333333; width: 42px; line-height: 34px;}
.scl_ly ul li input{ display: inline-block; float: left; width: 118px; height: 34px; background: #eceef0; border-radius: 4px; border: none; outline: none; color: #fff; font-size: 14px; padding:0 5px}
.scl_ly ul li.long{ width: 370px; height: 106px; margin-bottom: 0;}
.scl_ly ul li.long textarea{background: #eceef0; border-radius: 4px; border: none; outline: none; width: 309px; height: 90px; color: #fff;line-height: 34px; font-size: 14px; padding:0 5px}
.scl_ly ul li button{ display: block; margin-left: 42px;background: #f05827; border-radius: 4px; border: none; outline: none; width: 319px; height: 41px; color: #fff; cursor: pointer; font-size: 14px; color: #fff; letter-spacing: 3px;}
.scl_ly ul li.last { width: 389px;}
.scl_ly ul li img{ width:auto !important;}


.scl_ban{}
.scl_ly{border: none;box-shadow: none;padding-top: 148px;background: url(../images/scl_ban_t.png) no-repeat 45px 0;}
.scl_ly h3{ display: none;}
.scl_ly ul li i{ color: #fff;}
.scl_ly ul li input{ background: none; border: 1px solid #a3b1ca;}
.scl_ly ul li.long textarea{ background: none; border: 1px solid #a3b1ca;}
.scl_ly ul li button{ width: 322px;}
.scl_on1{ padding-bottom: 89px;}
.scl_on1 h4{font-weight: normal; text-align: center; padding-top: 90px;}
.scl_on1 h4 a{ display: inline-block; letter-spacing: 2px; font-size: 18px; color: #333;font-family:"Microsoft Yahei"; padding-left: 43px; margin: 0 37px; position: relative;}
.scl_on1 h4 a:before{ display: inline-block; position: absolute; content: ""; top: 9px; line-height: 100%; width: 5px; height: 5px; background: #b2b2b2; border-radius: 5px; left: 0;}
.scl_on1 h4 a:hover{ color: #f05827;}
.scl_on1 h4 a:hover:before{ background:#f05827;}


.maod{background: url(../images/maod.png) no-repeat 2px 10px; position: fixed; left:2%; top:32%; z-index: 55!important;;}
.maod ul li{ line-height: 100%; margin-bottom: 28px; padding-left: 22px; position: relative;}
.maod ul li:before{ display: inline-block; position: absolute; content: ""; top: 6px; line-height: 100%; width: 5px; height: 5px; background: #b2b2b2; border-radius: 5px; left: 0;}
.maod ul li a{ display: inline-block; line-height: 100%; font-size: 14px; color: #333; letter-spacing: 3px; text-shadow:1px 1px 0 #fff;}
.maod ul li:hover:before{ background: #f05827;}
.maod ul li:hover a{ color: #f05827;}



.scl_on1{ padding-top: 80px; padding-bottom: 119px;}
.scl_on1 h3{ font-size:40px; color: #333333; letter-spacing: 6px; padding-bottom: 35px;    font-family: "wrjz","Microsoft Yahei";
    font-weight: normal;}
.scl_on1 p{ font-size: 14px; line-height: 24px; letter-spacing: 2px;}


.scl_on_zj{ height: 677px;background: url(../images/dx_zbg.jpg) no-repeat center 0;overflow: hidden;}
.scl_on_zj .content2{ width:1201px}
.scl_on_zj h3{text-align: center; line-height: 100%; font-weight: normal;padding-top: 102px; height:80px; color: #fff; font-size: 40px; letter-spacing: 6px;}
.scl_on_zj1{ overflow: hidden;}
.scl_on_zj1 ul li{ height: 52px; line-height: 52px; color: #fff; font-size: 14px;font-family:"Microsoft Yahei";}
.scl_on_zj1 ul li:first-of-type{ background: #183c7a; text-align: center;}
.scl_on_zj1 ul li i{ display: inline-block; float: left;width: 296px; text-align: center; border-right:1px solid #f3f3f3; box-sizing: border-box;}
.scl_on_zj1 ul li em{ display: inline-block; float: left; text-align:center;width:113px;font-weight: normal;border-right:1px solid #f3f3f3; box-sizing: border-box;}
.scl_on_zj1 ul li b{ display: inline-block; float: left; width:305px;font-weight: normal; text-align: center;border-right:1px solid #f3f3f3; box-sizing: border-box;}
.scl_on_zj1 ul li b.long{width:200px}
.scl_on_zj1 ul li strong{ display: inline-block; float: left; width:100px;font-weight: normal; text-align: center;border-right:1px solid #f3f3f3; box-sizing: border-box;;}
.scl_on_zj1 ul li span{ display: inline-block; float: left;width:187px;font-weight: normal; text-align: center;border-right:1px solid #f3f3f3; box-sizing: border-box;}
.scl_on_zj2{overflow-y: scroll; height: 335px; background:#fff}
.scl_on_zj2 ul li{  color: #333333; font-size: 14px;font-family:"Microsoft Yahei"; border-bottom: 1px solid #ebf5ff; overflow: hidden;}
.scl_on_zj2 ul li i{ display: inline-block; float: left;width: 295px; text-align: center;padding-top: 22px; padding-bottom: 22px; color: #333333; font-size: 14px; }
.scl_on_zj2 ul li em{ display: inline-block; float: left;text-align:center;width:113px;font-weight: normal; border-left: 1px solid #ebf5ff;box-sizing:border-box;padding-top: 22px; padding-bottom: 22px; text-align: center;}
.scl_on_zj2 ul li b{ display: inline-block; float: left; width:305px;font-weight: normal;padding-top: 22px; padding-bottom: 22px; text-align: center;border-right:1px solid #f3f3f3; box-sizing: border-box;}
.scl_on_zj2 ul li b.long{width:200px}
.scl_on_zj2 ul li strong{ display: inline-block; float: left; width:99px;font-weight: normal; text-align: center;font-weight: normal;border-left: 1px solid #ebf5ff; border-right: 1px solid #ebf5ff;padding-top: 22px; padding-bottom: 22px;}
.scl_on_zj2 ul li span{ display: inline-block; float: left; width:164px;font-weight: normal; padding-top: 12px; text-align: center;}
.scl_on_zj2 ul li span a{ display: inline-block; width: 127px; height: 34px; line-height:34px; background: #f05827; border-radius: 2px; text-align: center; color: #fff; font-size: 16px; letter-spacing: 1px;}
/**/



.scl_on2{ background: #f0f5f8; padding-top: 91px; height: 1038px; margin-bottom: 85px; overflow: hidden;}
.scl_on2 h3 i{ display: block; text-align: center; font-size: 40px; letter-spacing: 7px; line-height: 100%; padding-bottom: 16px;font-family: "wrjz","Microsoft Yahei";
    font-weight: normal;color: #333333;}
.scl_on2 h3 span{ display: block; text-align: center;  font-size: 14px;    color: #6e7379;font-family: "微软雅黑";font-weight: normal; letter-spacing: 3px; line-height: 100%;}
.scl_on2 h3 em{ text-align: center; font-size: 16px; color: #333333;font-family: "微软雅黑";font-weight: normal; letter-spacing: 3px; line-height: 100%; display: block; padding-top: 25px; padding-bottom: 20px;}


.scl_on2 ul{ overflow: hidden;}
.scl_on2 ul li{ float: left; width: 349px; margin-right: 76px; background: #fff; height: 397px; transition: all 0.2s;}
.scl_on2 ul li:nth-of-type(3n){ margin-right: 0;}
.scl_on2 ul li i{ display: block; line-height: 100%; color: #333; font-size: 18px; letter-spacing: 3px; padding-left: 50px;}
.scl_on2 ul li em{ display: block; line-height: 24px; color: #636871; width: 252px; padding-left: 50px; padding-top: 17px; letter-spacing: 1px;}
.scl_on2 ul li:hover{  transform: translateY(-10px);}
.scl_on2 ul li:hover i{ color:#183c7a}

.scl_on3{ overflow: hidden;}
.scl_on3 h3 i{ display: block; text-align: center; font-size: 40px; letter-spacing: 7px; line-height: 100%; padding-bottom: 16px;font-family: "wrjz","Microsoft Yahei";
    font-weight: normal;color: #333333;}
.scl_on3 h3 span{ display: block; text-align: center; font-size: 14px; color: #6e7379;font-family: "微软雅黑";font-weight: normal; letter-spacing: 3px; line-height: 100%;}
.scl_on3 dl{ overflow: hidden; padding-top: 93px;}
.scl_on3 dl dt{ float: right;font-size: 0; line-height: 0;}
.scl_on3 dl dd{ float: left; padding-left: 40px; width: 340px; padding-top: 15px; }
.scl_on3 dl dd h3{font-weight: normal; font-size: 32px; color: #333333; letter-spacing: 6px; padding-bottom: 35px;font-family: "wrjz","Microsoft Yahei";}
.scl_on3 dl dd p{ height: 120px; font-size: 18px; color: #333; line-height: 24px; letter-spacing: 1px;}
.scl_on3 dl dd h4{overflow: hidden;}
.scl_on3 dl dd h4 i{ float: left; display: inline-block; padding: 7px; border: 1px solid #dcdcdc; font-size: 0; line-height: 0;}
.scl_on3 dl dd h4 i img{ width: 81px; height: 81px;}
.scl_on3 dl dd h4 em{ display: inline-block; float: left; padding: 22px 0 0 28px; font-size: 14px; color: #333333;font-family: "微软雅黑";font-weight: normal;}
.scl_on3 dl dd h4 em span{ display: block;}

.scl_on4{ height: 1193px;background:url(../images/scl_ig3.jpg) no-repeat center 0; box-sizing: border-box; padding-top: 90px;}
.scl_on4 h3 i{ display: block; text-align: center; font-size: 40px; letter-spacing: 7px; line-height: 100%; padding-bottom: 38px;font-family: "wrjz","Microsoft Yahei";
    font-weight: normal;color: #333333;}
.scl_on4 h3 span{ display: block; text-align: center; font-size: 14px; color: #6e7379;font-family: "微软雅黑";font-weight: normal; letter-spacing: 3px; line-height:24px; height: 166px;}
.scl_on4 dl{ overflow: hidden; margin-bottom: 48px;}
.scl_on4 dl dt{ float: left; position: relative; font-size: 0; line-height: 0; margin-left: 50px; width: 567px; margin-right: 32px;}
.scl_on4 dl dt em{ display: inline-block; position: absolute; left: 11px; top: 123px; z-index: 5; font-size: 18px; color: #333333; letter-spacing: 2px; line-height: 100%;}
.scl_on4 dl dt em i{ display: block; font-size: 40px; letter-spacing: 7px; line-height: 100%; padding-bottom: 21px;font-family: "wrjz","Microsoft Yahei";}
.scl_on4 dl dd{ width: 515px; float: left; padding-top: 112px;}
.scl_on4 dl dd h4{ overflow: hidden; height: 128px; font-weight:normal}
.scl_on4 dl dd h4 i{ display: inline-block; float:left; width: 270px; font-size: 18px; color: #333333; line-height: 24px; letter-spacing: 1px;}
.scl_on4 dl dd h4 i span{ display: block;}
.scl_on4 dl dd h4 em{ display: inline-block; float: right; overflow: hidden;}
.scl_on4 dl dd h4 em b{ display: inline-block; float: left; padding-right: 18px;}
.scl_on4 dl dd h4 em b img{ width: 43px; height: 43px;}
.scl_on4 dl dd h4 em strong{ display: inline-block; float: right; font-weight: normal; line-height: 24px; margin-top: -5px;}
.scl_on4 dl dd h4 em strong span{ display: block;}
.scl_on4 dl dd p{ height: 193px; font-size: 14px;  line-height: 24px; width: 510px; letter-spacing: 1px;}
.scl_on4 dl dd p span{ display: block;}
.scl_on4 dl dd h5{font-weight: normal;}
.scl_on4 dl dd h5 a{ display: inline-block; width: 175px; height: 51px; line-height: 51px; text-align: center; border-radius: 51px; border: 2px solid #f05827; color: #f05827; font-size: 15px; color: #333333;font-family: "微软雅黑"; transition: all 0.2s; margin-right:10px}
.scl_on4 dl dd h5 a:hover{ background: #f05827; color: #fff;}
.scl_on41{ margin-left: 50px; padding-top: 48px; overflow: hidden; height: 155px;}
.scl_on41 ul li{ float: left; width: 280px; overflow: hidden;}
.scl_on41 ul li i{ display: inline-block; float: left; width: 94px; height: 94px; border-radius: 94px; overflow: hidden; padding-right: 9px;}
.scl_on41 ul li i img{ width: 94px; height: 94px; border-radius: 94px; }
.scl_on41 ul li em{ display: inline-block; float: left; width: 172px; color: #6e7379; font-size: 14px;font-family: "微软雅黑";  line-height: 24px;}
.scl_on41 ul li em strong{ display: block; font-weight: normal;}
.scl_on41 ul li em span{ display: block; font-size: 18px; color: #333333; line-height: 100%; padding-top: 25px; padding-bottom: 12px;}

.scl_on42{ position: relative;}
.scl_on42:before{ position: absolute; content: ""; left: 86px; height: 1px; width: 434px; background: #e6e6e6; top: 7px;}
.scl_on42:after{ position: absolute; content: ""; right: 124px; height: 1px; width: 434px; background: #e6e6e6; top: 7px;}
.scl_on42 ul{ overflow: hidden; margin-left: 545px;}
.scl_on42 ul li{ float: left; margin-right:16px; width: 12px; height: 12px; border-radius: 12px; background: #183c7a; margin-top: 2px; cursor: pointer;}
.scl_on42 ul li.on{ margin-top: 0; background: #fff; border: 2px solid #f05827;}
    /**/
.scl_on5{ padding-top: 78px; background: #f0f5f8; height: 1068px; margin-bottom: 100px;}
.scl_on5 h3 i{ display: block; text-align: center; font-size: 40px; letter-spacing: 7px; line-height: 100%; padding-bottom: 38px; font-family: "wrjz","Microsoft Yahei";
    font-weight: normal;color: #333333;}
.scl_on5 h3 span{ display: block; text-align: center; font-size: 14px; color: #6e7379;font-family: "微软雅黑";font-weight: normal; letter-spacing: 3px; line-height:24px; height: 155px; margin: 0 80px;}
.scl_on5 dl{ overflow: hidden; background: #fff; width: 622px; height: 713px; float: left;}
.scl_on5 dl:first-of-type{ margin-left: -43px;}
.scl_on5 dl:nth-of-type(2){ float: right; margin-right:-45px;}
.scl_on5 dl dt{ height: 587px; overflow: hidden; border-bottom: 1px solid #e6e6e6;}
.scl_on5 dl dt h4{font-weight: normal; padding: 65px 0 0 76px; width: 452px; font-size: 32px; color: #333333; letter-spacing: 5px; line-height: 100%;font-family: "wrjz","Microsoft Yahei";}
.scl_on5 dl dt h4 i{ display: block; padding: 22px 0 27px 0; font-size: 18px; letter-spacing: 2px;font-family: "Microsoft Yahei";}
.scl_on5 dl dt h4 span{ display: block; line-height: 25px; font-size: 14px; color: #6e7379; letter-spacing: 1px;font-family: "Microsoft Yahei";}
.scl_on5 dl dd{ overflow: hidden;}
.scl_on5 dl dd p{ float: left; width: 50%; box-sizing: border-box; padding: 33px 0 0 65px; font-size: 14px; color: #6e7379; line-height: 100%;background: url(../images/scl_iff1.jpg) no-repeat 33px 28px; padding-left: 65px;}
.scl_on5 dl dd p:nth-of-type(2){background: url(../images/scl_iff2.jpg) no-repeat 33px 28px;}
.scl_on5 dl dd p em{ display: block; font-size: 16px; padding-top: 15px;}
.scl_on5 dl dd p:last-of-type{ border-left: 1px solid #e6e6e6; height:125px;}

/**/

.scl_ig6{ overflow: hidden; padding-top: 72px; height: 1115px;}
.scl_ig6 h3 i{ display: block; text-align: center; font-size: 40px; letter-spacing: 7px; line-height: 100%; padding-bottom: 52px;font-family: "wrjz","Microsoft Yahei";
    font-weight: normal;color: #333333;}
.zxu_on1{ overflow: hidden; height: 88px; line-height: 88px;background:url(../images/zxu_on1.png) no-repeat 0 35px; margin: 0 auto; width: 1200px;}
.zxu_on1 ul li{ padding-left: 43px;}
.zxu_on1 ul li a{ display: block; font-size: 16px; color: #333333; letter-spacing:2px;}
.zxu_on1 ul li span{ display: inline-block; padding-right: 22px;}
.zxu_on7{ background: #f0f5f8; padding-top: 56px; padding-bottom: 98px; overflow: hidden; margin-bottom: 72px;}
.zxu_on7 h3{text-align: center; font-size: 28px; color: #333; letter-spacing: 6px; height: 92px;}
.zxu_on71{ width:600px; height:592px; position: relative; margin-bottom: 35px; background: #f0f5f8;}
.zxu_on77{ width: 433px;}
.zxu_on73 ul li{ float: left; width: 379px; height: 305px; background: #f0f5f8; line-height: 100%; font-size: 0;}
.zxu_on73 ul li:nth-child(2){ margin: 0 31px;}
.zxu_on73 ul li img{width: 379px;}
.zxu_on73 ul li i{ display: block; margin: 33px 34px 17px; line-height: 100%; font-size: 18px; color: #333; letter-spacing: 4px;}
.zxu_on73 ul li em{ display:block; margin: 0 34px; font-size: 14px; color: #333333; line-height: 20px; letter-spacing: 2px;}
.zxu_on77{ position: relative;width:600px; height:592px; background: #f0f5f8;}
.zxu_on77_lis{position: absolute;top: 550px;left: 493px;}
.zxu_on77_lis ul li{ float: left; margin-left: 9px; width: 11px; height: 11px; border-radius: 11px; background: #fff; margin-left: 9px; cursor: pointer;}
.zxu_on77_lis ul li.on{ background: #f1592a;}
.zuu_a7{ position: absolute; cursor: pointer; z-index: 55; left: 25px; top: 117px; z-index: 55;}
.zuu_d7{ position: absolute; cursor: pointer; z-index: 55; right: 25px; top: 117px; }
.zxu_on77 ul li b{ display: block; font-size: 0; line-height: 0; margin-bottom: -16px; height: 246px; width: 433px;}
.zxu_on77 ul li b img{ height: 338px; width: 600px;}
.zxu_on77 ul li em{ display:block;height:178px; position: relative;  padding: 76px 77px 0 56px;}
.zxu_on77 ul li em a{ display: block; font-size:18px; color: #333333; letter-spacing: 3px; padding-bottom: 17px;}
.zxu_on77 ul li em a:hover{ color: #f05827;}
.zxu_on77 ul li em i{ display:block; font-size: 14px; line-height: 24px; color: #707070; letter-spacing: 1px;}
.zxu_on7_lis{ position: absolute; top: 303px; left: 493px;}
.zxu_on7_lis ul li{ float: left; margin-left: 9px; width: 11px; height: 11px; border-radius: 11px; background: #fff; margin-left: 9px; cursor: pointer;}
.zxu_on7_lis ul li.on{ background: #f1592a;}
.zxu_on7_on ul li{ position: relative; height: 590px;}
.zxu_on7_on ul li p img{ width:100%}
.zxu_on7_on ul li em{ display: block; position: absolute; left: 56px; width: 470px; top:394px; color: #333333; font-size: 18px; line-height: 100%;}
.zxu_on7_on ul li em i{ display: block; padding: 0 0 19px; font-size:18px; letter-spacing: 3px;}
.zxu_on7_on ul li em b{font-weight: normal; color: #333333; line-height: 24px; font-size: 14px; letter-spacing: 1px; display: block; height: 84px;}
.zxu_on7_on ul li em strong{ display: block; font-weight: normal; font-size: 14px; letter-spacing: 1px;background:url(../images/zxu_on7_on.png) no-repeat 84px 2px;}

.scl_ig7{ background: #f0f5f8; padding-top: 80px; height: 660px; overflow: hidden;}
.scl_ig7 h3 i{ display: block; text-align: center; font-size: 40px; letter-spacing: 7px; line-height: 100%; padding-bottom:47px;font-family: "wrjz","Microsoft Yahei";
    font-weight: normal;color: #333333;}
.scl_ig7 ul{ overflow: hidden; position: relative;}
.scl_ig7 ul li{ float: left; width: 237px; margin-bottom: 29px; height: 201px; background: #fff; overflow: hidden; font-size: 0; line-height: 0;}
.scl_ig7 ul li img{ width: 237px; height: 134px;}
.scl_ig7 ul li em{ display: block; padding: 26px 0 0 32px; font-size: 18px; color: #333333; letter-spacing: 2px; line-height: 100%;}
.scl_ig7 ul li:nth-of-type(2n){ margin-left: 725px;}
.scl_ig7 ul li:nth-of-type(5){ position: absolute; left:266px; top: 0; width: 669px; height: 470px;}
.scl_ig7 ul li:nth-of-type(5) img{ width: 669px; height: 376px;}

.scl_ig8{ padding: 84px 0 143px 0; clear: both;}
.scl_ig8 h3 i{ display: block; text-align: center; font-size: 40px; letter-spacing: 7px; line-height: 100%; padding-bottom:50px;font-family: "wrjz","Microsoft Yahei";
    font-weight: normal;color: #333333;}
.scl_ig8 ul li{ position: relative; font-size: 0; line-height: 0; float: left; width: 278px; margin-right:29px;}
.scl_ig8 ul li:last-of-type{ margin-right: 0;}
.scl_ig8 ul li em{ display: block; position: absolute; left: 0; top:105px; width: 100%; text-align: center; font-size: 18px; font-weight: normal; color: #fff; letter-spacing: 3px;}
.scl_ig8 ul li em span{ display: block; height: 88px;}
/**/
.ys h3 i{ display: block; text-align: center; font-size: 40px; letter-spacing: 7px; line-height: 100%; padding-bottom:25px; font-family: "wrjz","Microsoft Yahei";
    font-weight: normal;color: #333333;}
.ys h3 span{ display: block; text-align: center; font-size: 15px; color: #333333;font-family: "微软雅黑";font-weight: normal; letter-spacing: 3px; line-height:24px; height:70px; }
.ys ul{height: 107px; overflow: hidden; position: relative;}
.ys ul:before{ position: absolute; left: 0; top: 3px; height: 1px; width: 100%; background: #cfcfcf; content: "";}
.ys li{float: left;position: relative; padding-top: 28px; margin-right: 90px;}
.ys li:last-of-type{ margin-right: 0;}
.ys li i{display: inline-block;overflow: hidden; font-size: 28px; color: #3c424e; font-weight: bold; padding-right: 18px; padding-top: 3px; line-height: 100%;}
.ys li p{display: inline-block;font-size: 18px;color: #333333;line-height: 100%;vertical-align: top;text-align: left; letter-spacing: 2px;}
.ys li p b{display: block;font-weight: normal; padding-top: 6px;}

.ys li.on:after{position: absolute;width: 100%;height: 4px;content: "";background: #f05827;left: 0;top: 0; border-radius: 4px;}
.ys_bd dl{width: 1200px;position: relative;height: 584px;margin-right: 80px; background: #f0f5f8;}
.ys_bd dt{ float: left;}
.ys_bd dt img{opacity: 0.6;}
.ys_bd dd{display: block;position: absolute;padding: 0 38px 0 0;right: 0;top: 110px;width: 510px;}

.ys_bd dd h3{line-height: 100%;margin-bottom: 24px;font-weight: normal; font-size: 18px; color: #333333; padding-top:20px}
.ys_bd dd h3 b{font-weight: normal;font-size:24px;color: #333333; display: block; letter-spacing: 6px; padding-bottom: 29px;font-family: "wrjz";}
.ys_bd dd h3 i{display: block;font-size: 14px;color: #333;line-height: 32px;opacity: 0.5;font-weight: normal;text-transform: uppercase;}
.ys_bd dd p{font-size: 14px;color: #6e7379;line-height: 25px; padding-bottom: 20px;}
.ys_bd dd p span{ display: block;}
.ys_con{position: relative;}


.ys_pg{position: absolute;width: 100%;height: 5px;text-align: center;left: 0;bottom: 80px;}
.ys_pg p{ margin-left:20%;}
.ys_pg i{display: inline-block;width: 12px;height:12px;background: #183c7a;vertical-align: top;margin: 0 10px; border-radius: 12px; margin-top: 2px;}
.ys_pg i.cur{background: #fff; border: 2px solid #f05827; margin-top: 0;}
.ys_bd{margin-left: 0px !important;}
.ys_con .tempWrap{overflow: visible !important;}
.ys_con dl.cur dd{display: block;}
.ys_con dl.cur dt img{opacity: 1;}

/************* AI智能 **************/
.ai_webox,.ai_tech,.ai_experi{line-height: 24px;padding: 64px 0;}
.ai_webox  .bk_til:before{background: none;}
.aiwebox_w{padding: 0 14px 10px 30px;}
.aiwebox_w p{ margin-bottom:15px}
.ai_tech{background: #f0f5f8;padding: 70px 0 40px;}
.ai_techtil{display: block;padding: 0 0 40px;line-height: 34px;}
.ai_techtil span{display: block;font-size: 20px;line-height: 36px;color: #333;}
.ai_techcon dl{position: relative;background: #fff;height:389px;margin-bottom: 50px;}
.ai_techcon dl:nth-child(3){background: #fcfdff;}
.ai_techcon dt{position: absolute;bottom: 0;right: 0;}
.ai_techcon dt,.ai_techcon dt img{display: block;}
.ai_techcon dd{width: 432px;float: left;padding: 54px 0 0 62px;position: relative;}
.ai_techcon dd h3{font-size: 28px;line-height: 80px;padding: 0 0 30px;color: #333;font-family: "wrjz","Microsoft Yahei";font-weight: normal;}
.ai_techcon dl:nth-child(2) dd{float: right;padding: 54px 100px 0 0;}
.ai_techcon dl:nth-child(2) dt{left: 0;}

.ai_experi{padding: 55px 0;}
.ai_experic{padding: 0 0 60px;}
.ai_experic h3{font-size: 28px;color: #333;line-height: 76px;font-family: "wrjz","Microsoft Yahei";font-weight: normal;}
.ai_experic p{padding: 30px 196px 0 0;}
.ai_experil li{background:url(../images/ai_experibg.png) no-repeat 0 0;width: 351px;height: 395px;float: left;text-align: center;color: #183c7a;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;box-sizing:border-box;font-size: 18px;}
.ai_experil li span{display: block;width:72px;height: 70px;margin: 120px auto 18px;}
.ai_experil li:nth-child(2){margin: 0 73px;}
.ai_experil li:hover{margin-top: -10px;}

/*牛商网内页(解决方案 )16*/
.ju_banner{    background: url(../images/ju_ban.jpg) no-repeat center 0;    height:456px;    overflow: hidden;}
.ju_on1{ overflow: hidden;background: url(../images/ju_on1.jpg) no-repeat center 0; height: 936px; margin-bottom: 129px;}
.ju_on1 h2{ text-align: center; line-height: 100%; padding-top: 100px; font-size: 40px; letter-spacing: 7px;font-weight: normal; padding-bottom: 39px;color: #333;}
.ju_on1 p{ height: 65px; line-height: 25px;  letter-spacing: 3px; margin: 0 78px; text-align: center;font-family: "微软雅黑";}
.ju_on1 h4{ margin-left: 190px; position: relative;font-family: "微软雅黑";font-weight: normal; font-size: 16px; color: #333;}
.ju_on1 h4 i{ font-style: normal; position: absolute; left: 179px; top: 277px; z-index: 5; line-height: 44px;background: url(../images/ju_on11.png) no-repeat center 0; width: 275px; height: 49px; text-align: center;}
.ju_on1 h4 i:nth-of-type(2){background: url(../images/ju_on12.png) no-repeat center 0;  width: 197px; left: 581px; top: 139px;}
.ju_on1 i:nth-of-type(1){animation: move 490ms ease-in-out 100ms infinite alternate;}
.ju_on1 i:nth-of-type(2){animation: move 650ms ease-in-out 100ms infinite alternate;}
.ju_on2{ overflow: hidden; height: 760px;}
.ju_til{text-align: center; font-weight: normal; line-height: 100%;font-size: 40px; letter-spacing: 7px; padding-bottom: 79px;    color: #333;}
.ju_til span{ display: block; line-height: 100%; padding-top: 22px; letter-spacing: 2px; font-size: 16px;font-family: "微软雅黑";}
.ju_on2 ul li{ float: left; width:400px; height: 152px; border-radius: 9px; background: #fff; position: relative; margin-bottom: 1px;}
.ju_on2 ul li span{ display: inline-block; float: left; line-height: 100%; padding:47px 0 0 57px; color: #333; font-size: 28px;font-weight: bold; position: relative; z-index: 6;}
.ju_on2 ul li i{ display: inline-block; float: left; padding:46px 0 0 26px; color: #333; line-height: 25px; font-size: 18px;font-family: "微软雅黑"; width: 230px; position: relative; z-index: 6;}
.ju_on2 ul li:nth-of-type(2n){background: #ebeff4;}
.ju_on2 ul li:nth-of-type(2n-1):before{ position: absolute; left: 0; top: 0; width: 409px; height: 152px; content: "";background: url(../images/ju_on2.png) no-repeat; z-index: 5;}

.ju_on3{ overflow: hidden; padding-top: 111px; height: 1015px; background: #f0f5f9;}
.ju_on3 .ju_til span{ font-size: 16px; padding-top: 16px;}
.ju_on3 p{ height: 666px; position: relative; overflow: hidden;}
.ju_on3 p em{ display: inline-block; position: absolute;font-size: 16px; color: #333333;font-family: "微软雅黑"; letter-spacing: 2px;line-height: 26px;}
.ju_on3 p em span{ display: block; }
.ju_on3 p em:nth-of-type(1){ left: 0; top: 176px;}
.ju_on3 p em:nth-of-type(2){ right: 0; top: 126px; text-align: right;}
.ju_on3 p em:nth-of-type(3){ right: 0; top:459px; text-align: right;}
.ju_on3 h3{font-weight: normal; line-height: 100%; text-align: center; font-size: 16px; color: #333333;font-family: "微软雅黑"; letter-spacing: 2px;}

.ju_on4{ overflow: hidden;background: url(../images/ju_on4.jpg) no-repeat center 0;    height:901px; margin-bottom: 112px;}
.ju_on4 h2{line-height: 100%; padding-top: 185px; font-size: 40px; letter-spacing: 7px;font-weight: normal; padding-bottom: 103px;}
.ju_on4 ul li{ overflow: hidden; padding-bottom:47px;position: relative;}
.ju_on4 ul li i{ display: inline-block; float: left; width: 212px; color: #333; font-size: 18px; line-height: 100%; letter-spacing: 3px; padding-top: 5px;}
.ju_on4 ul li i span{ font-size: 40px; line-height: 84%; display: inline-block;}
.ju_on4 ul li em{ display: inline-block; float: left;color: #595a5a; line-height: 25px; }
.ju_on4 ul li em span{ display: block; }
.ju_on4 ul li:nth-of-type(1) em,.ju_on4 ul li:nth-of-type(2) em{ padding-top:17px;}
.ju_on4 ul li:before{ position: absolute; left:8px; top:60px; content: ""; width: 0; height: 2px; background: #df4922;transition: all 0.2s;}
.ju_on4 ul li:hover:before{ width: 61px;}

.ju_on5{ height: 770px;}
.ju_on5  h2 span{ display: block; margin: 0 160px; line-height: 26px;}
.ju_on5 h3{position: absolute; left: 499px; box-sizing: border-box; top: 209px;background: url(../images/ju_lik.png) no-repeat; width: 204px; height: 229px;font-weight: normal; padding-top: 72px;text-align: center; font-size: 24px; z-index: 55;}
.ju_on5 h3 span{ display: block; padding: 7px 0;}
.ju_on5 ul li{ float: left; overflow: hidden;width: 600px;}
.ju_on5 ul li i{ display: inline-block; float: left;  padding-top: 62px; font-size: 20px; color: #333333; line-height: 100%;}
.ju_on5 ul li i span{ display: block;font-family: "微软雅黑"; padding-top: 26px; color: #6e6e6e; font-size: 16px;}
.ju_on5 ul li em{ display: inline-block; float: left;background: url(../images/ju_li.png) no-repeat; width: 194px; height: 219px; text-align: center; box-sizing: border-box; padding-top: 35px;}
.ju_on5 ul li:hover em{background: url(../images/ju_cur.png) no-repeat;}
.ju_on5 ul li:nth-of-type(1) i{ width: 283px;}
.ju_on5 ul li:nth-of-type(3) i{ width: 393px;}
.ju_on5 ul li:nth-of-type(2) em{ float: left; margin-left: 124px;}
.ju_on5 ul li:nth-of-type(2) i{ float: right; width: 240px;}
.ju_on5 ul li:nth-of-type(4) em{ float: left; margin-left:16px;}
.ju_on5 ul li:nth-of-type(4) i{ float: right; width: 305px;}
.ju_on5 ul li:nth-of-type(4) i b{font-weight: normal; display: block; line-height: 24px; color: #5c5c5c; font-size: 14px;font-family: "微软雅黑";  padding-top: 7px;}


.ju_on6{ background: #f0f5f8; padding-top: 95px; height: 1080px;}
.ju_on6 h2{line-height: 100%;font-weight: normal; letter-spacing: 8px; font-size: 48px; color: #333333;;font-family: "wrjz"; text-align: center; height: 112px;}
.ju_on6 dl{ overflow: hidden; margin-bottom: 28px; border-radius: 10px; background: #fff;}
.ju_on6 dl dt{ float: right; border-radius: 10px; overflow: hidden; font-size: 0; line-height: 0;}
.ju_on6 dl dt img{ display: inline-block; border-radius: 10px;}
.ju_on6 dl dd{ float: left; padding: 25px 0 0 50px; width: 750px;}
.ju_on6 dl dd h3{ font-size: 20px; line-height: 100%;font-weight: normal;color: #333;}
.ju_on6 dl dd h3 span{ display: block; line-height: 100%; font-size: 16px;font-family:"Microsoft Yahei"; padding: 20px 0 8px 0;}
.ju_on6 dl dd p{ color: #666; line-height: 24px; padding-top: 3px;}

.ju_on7 h2{ background: #f0f5f8; text-align: center; height: 100px;}
.ju_on7 h2  span{ display: inline-block; line-height: 100%;font-weight: normal; letter-spacing: 8px; font-size: 48px; color: #333333;;font-family: "wrjz";}
.ju_on7 dl{ overflow: hidden;max-width: 1920px;}
.ju_on7 dl dt{ font-size: 0; line-height: 0; width: 50%; float: left;}
.ju_on7 dl dt img{ display: inline-block; width: 100%;}
.ju_on7 dl dd{ width: 50%; float: right; box-sizing: border-box; padding: 60px 5% 0;}
.ju_on7 dl:nth-of-type(2) dt,.ju_on7 dl:nth-of-type(4) dt{ float: right;}
.ju_on7 dl dd h3{ line-height: 100%; color: #333333; font-size: 20px;font-weight: normal; padding-bottom: 30px;}
.ju_on7 dl dd h3 span{ display: block;  padding-top:16px; line-height: 100%;}
.ju_on7 dl dd p{ color: #6e6e6e; font-size: 14px; line-height: 26px; padding-bottom:23px;font-family:"Microsoft Yahei";}
.ju_on7 dl dd h5 a{ display: inline-block; width:197px; height: 56px; border-radius: 56px; text-align: center; color: #333333;  line-height:56px;font-weight: normal; font-size: 18px; letter-spacing:2px;font-family:"Microsoft Yahei"; border: 2px solid #df4922;}
/*解决方案结束*/

/* --------------------    牛商帮     ------------------------- */
.nsb_webox{padding: 70px 0 80px;text-align: center;}
.nsbwebox_w{padding: 0 82px;}

.nsb_original{background: url(../images/nsb_origbg.jpg) no-repeat center 0;height: 560px;padding: 80px 0;}
.nsb_original_w{width: 385px;}
.nsb_original ul{padding-bottom: 30px;font-size: 18px;line-height:30px;}
.nsb_original li{background: url(../images/nsb_ico1.png) no-repeat 0 0;padding: 0 0 27px 56px;color: #333;}

.nsb_serv{padding: 70px 0 0;border-bottom: 1px solid #ebf1f7;text-align: center;}
.nsb_serv_c dl{float: left;height: 398px;width: 320px;position: relative;}
.nsb_serv_c dl:nth-child(3n-1){margin: 0 120px;position: relative;}
.nsb_serv_c dl:nth-child(3n-1):after,.nsb_serv_c dl:nth-child(3n-1):before{position: absolute; content: "";width: 1px;height: 315px;right: -60px;top: 10px;background: #ebf1f7;}
.nsb_serv_c dl:nth-child(3n-1):before{left: -60px;}
.nsb_serv_c dt{height: 264px;}
.nsb_serv_c dt,.nsb_serv_c dt img{display: block;}
.nsb_serv_c dd h3{font-weight: normal;font-size: 28px;line-height: 44px;color: #333;font-family: "wrjz","Microsoft Yahei";}

.nsb_code{background: url(../images/nsb_codebg.jpg) no-repeat center 0;height: 360px;}
.nsb_code dl{width: 608px;float: right;padding: 87px 0 0;}
.nsb_code dt{float: left;width: 260px;}
.nsb_code dt img{width: 165px;height: 165px;background: #fff;border:solid 1px #bfcfe0;padding: 10px;}
.nsb_code dd{float: left;font-size: 32px;line-height:48px;font-family: "wrjz","Microsoft Yahei";color: #333;padding: 38px 0 0;}
.nsb_code dd span{display: block;font-size: 40px;line-height: 56px;}

.nsb_about{padding: 70px 0 0;}
.nsbabout_til{font-size: 18px;height: 94px;line-height: 58px;text-align: center;color: #333;}
.nsbabout_til1{height: 58px;background: #f7f9fa;width: 100%;z-index: 99;position: fixed;top: 0;-webkit-transition: height .8s; transition: height .8s; }
.nsbabout_til span{position: relative;margin: 0 65px;display: inline-block;}
.nsbabout_til span.cur{color: #ed652b;height: 58px;border-bottom: 2px solid #ed652b;}
/* .nsbabout_til span.cur::before{position: absolute; content: "";width: 1px;height: 315px;left: 50%;margin-left: -;;bottom: 10px;} */

.nsbabout_js{background: #f0f5f8;}
.nsbabout_jspic{width: 50%;height: 560px;}
.nsbabout_jstext{width: 45.32%;}
.nsbabout_jstc{width: 508px;padding:94px 0 0;}
.nsbabout_jstc h4{font-size: 32px;height: 86px;line-height: 78px;font-family: "wrjz","Microsoft Yahei";font-weight: normal;color: #333;}
.nsbabout_jstc p{font-size: 18px;color: #333;padding-bottom: 20px;line-height: 34px;}
.nsbabout_jstc ul{clear: both;margin-top: 40px;border-top: 1px solid #dae1e6;padding: 30px 0 0;line-height: 32px;}
.nsbabout_jstc li{position: relative;padding: 0 0 0 21px;display: block;}
.nsbabout_jstc li:before{position: absolute; content: ""; top:13px;width: 3px; height: 3px;border:solid 2px #71747d; border-radius:100%; left: 0;}

.nsbabout_fwxc,.nsbabout_slxc{padding: 32px 0 100px;}
.nsbabout_fwxc li,.nsbabout_slxc li{float: left;margin: 0 0 20px 20px;width: 271px;background: #f0f5f8;text-align: center;font-size: 18px;line-height: 56px;}
.nsbabout_slxc li{margin: 0 0 20px;}
.nsbabout_slxc li:nth-child(2n){margin: 0 0 20px 657px;}
.nsbabout_fwxc li p,.nsbabout_fwxc li p img,.nsbabout_slxc li p,.nsbabout_slxc li p img{width: 271px;height: 152px;display: block;}
.nsbabout_fwxc li span,.nsbabout_slxc li span{display: block;}
.nsbabout_fwxc li:nth-child(1),.nsbabout_slxc li:nth-child(5){width: 617px;margin: 0;line-height: 88px;}
.nsbabout_slxc li:nth-child(5){position: absolute;left: 291px;}
.nsbabout_fwxc li:nth-child(1) p,.nsbabout_fwxc li:nth-child(1) p img,.nsbabout_slxc li:nth-child(5) p,.nsbabout_slxc li:nth-child(5) p img{width: 617px;height:347px;display: block;}

.nsb_prev1,.nsb_next1,.nsb_prev2,.nsb_next2{cursor: pointer;z-index: 9;right: 0;top: -80px;}
.nsb_prev1,.nsb_prev2{right: 60px;}
.nsb_prev1,.nsb_next1,.nsb_prev1 img,.nsb_next1 img,.nsb_prev2 img,.nsb_next2 img{width: 46px;height: 46px;display: block;}
.nsbabout_xyxs{padding: 32px 0;}
.nsbabout_xyxs_cl,.nsbabout_ljhx_cl{width: 1200px;overflow: hidden;}
.nsbabout_xyxs_cl li{width: 490px;height: 390px;padding: 30px 45px;overflow: hidden;float: left;background: #f0f5f8;margin: 0 40px 0 0;}
.nsbabout_xyxs_cl li p b{height:76px;display: block;font-size: 18px;line-height: 76px;font-weight: normal;color: #333;}
.nsbabout_xyxs_cl li span{display: block;padding: 30px 0 0;}
.nsbabout_ljhx{height: 420px;}
.nsbabout_ljhx_cl li{float: left;width: 288px;margin: 0 15px 0 0;}
.nsbabout_ljhx_cl li img{width: 288px;display: block;height: 162px;}
.nsbabout_ljhx_cl li span{display: block;height: 58px;font-size: 18px;line-height: 58px;text-align: center;color: #333;}

/*头条*/
.zli_top_hot{ background: #fff; overflow: hidden; margin-bottom: 39px; padding: 58px 80px 0; height: 400px; position: relative;}
.zli_top_hot h2{font-weight: normal; line-height: 100%; color: #333333; font-size: 40px; height: 96px; position: relative;}
.zli_top_hot h2:before{ position: absolute; left: 0; top: 49px; content: ""; width: 50px; height: 1px; background: #f1592a;}
.zli_top_hot1{ overflow: hidden; height:190px;}
.zli_top_hot1 ul li span{ display: block; line-height: 100%; font-size: 14px; color: #333; padding-bottom: 13px;}
.zli_top_hot1 ul li i a{ display: inline-block; line-height: 100%; color: #3c434e; font-size: 34px; letter-spacing: 4px;}
.zli_top_hot1 ul li em{ display: block; color: #848484; font-size: 16px; line-height: 24px;font-family:"Microsoft Yahei";  padding-top: 20px;}
.zli_top_uu{ position: absolute; cursor: pointer; left: 85px; top: 349px;}
.zli_top_dd{ position: absolute; cursor: pointer; left: 265px; top: 349px;}
.zli_top_hot2 ul{ overflow: hidden; margin-left: 50px;}
.zli_top_hot2 ul li{ float: left; margin-right: 10px; width: 12px; height: 12px; background: #8c8c8c; border-radius: 12px; margin-top: 13px; cursor: pointer;}
.zli_top_hot2 ul li.cur{ margin-top: 11px; width: 12px; height: 12px; background: #fff; border-radius: 12px; border: 3px solid #f16031;}
.zli_top_hot1 ul li i a:hover{ color: #f16031;}
/**/
/*地图班*/
.map_banner{ overflow: hidden;background: url(../images/map_banner.jpg) no-repeat center 0; height: 668px;}
.map_on1{overflow: hidden;background: url(../images/map_on1.jpg) no-repeat center 0; height: 800px; margin-bottom: 96px; text-align: center;  padding-top: 112px; box-sizing: border-box;}
h3.map_h{ text-align: center; line-height: 100%; color: #3c424e; font-size: 48px;font-weight: normal; letter-spacing: 8px; padding-bottom: 38px;}
.map_on1 p{ height: 166px; color: #6e7379; font-size: 18px; line-height: 34px;;font-family:"Microsoft Yahei";}
.map_on1 h4{font-weight: normal; height: 117px;}
.map_on1 h4 i{ display: inline-block; line-height: 56px; height: 56px; border: 2px solid #f1592a; border-radius: 56px; margin: 0 18px; padding: 0 40px;font-family:"Microsoft Yahei"; font-size: 18px;    color: #333;}
.map_on1 h5{font-weight: normal; text-align: center;}
.map_on1 h5 a{ display:inline-block; width: 200px; height: 60px; line-height: 60px; background: #f1592a; color: #fff; font-size: 18px; border-radius: 60px;font-family:"Microsoft Yahei";}
.map_on2{ height: 739px;}
.map_on2 h3{ padding-bottom: 20px;}
.map_on2 p{ height: 129px;color: #6e7379; font-size: 18px; line-height: 34px;;font-family:"Microsoft Yahei"; text-align: center;}
.map_on2 p span{ display: block;}
.map_on2 h4{font-weight: normal; text-align: center;}
/**/
.map_on3{ overflow: hidden; padding-top: 108px; height: 747px; margin-bottom: 105px; background: #f0f5f8; }
.map_on3 h3{text-align: center; line-height: 100%;color: #333;}
.map_on3 h3 span{ display: block;font-family:"Microsoft Yahei";font-weight: normal; font-size: 18px; }
.map_on3 h3 i{ display: block; line-height: 100%; letter-spacing: 7px; font-size: 48px; padding: 30px 0 29px 0;font-weight: normal;}
.map_on3 h3 em{ display: block; line-height: 100%;font-weight: normal;font-family:"Microsoft Yahei"; color: #6e7379; font-size: 18px; letter-spacing:1px; height: 73px;}
.map_on3 ul li{ float: left; width: 500px; margin-left: 50px; position: relative; height: 440px; overflow: hidden;}
.map_on3 ul li:nth-child(2){ float: right; margin-right: 55px;}
.map_on3 ul li:nth-child(1){ box-shadow: 5px 5px 25px rgba(0,0,0,0.1);}
.map_on3 ul li i{ display: block; position:absolute; left: 0; width: 100%; text-align: center; bottom: 35px; font-size: 28px; color: #333333; line-height: 100%; letter-spacing: 2px;}
.map_on3 ul li:nth-child(2) i{ color: #fff;}

.map_on4{ height: 958px;}
.map_on4 h3{text-align: center; line-height: 100%;color: #333;}
.map_on4 h3 span{ display: block;font-family:"Microsoft Yahei";font-weight: normal; font-size: 18px; }
.map_on4 h3 i{ display: block; line-height: 100%; letter-spacing: 7px; font-size: 48px; padding: 30px 0 29px 0;font-weight: normal;}
.map_on4 h3 em{ display: block; line-height: 100%;font-weight: normal;font-family:"Microsoft Yahei"; color: #6e7379; font-size: 18px; letter-spacing:1px; height: 120px;}
.map_on4 h4{ text-align: center; position: relative; width: 751px; margin: 0 auto;}
.map_on4 h4 em{ display: block; position: absolute; font-size: 20px; color: #333333; box-sizing: border-box; padding-top: 31px; padding-left:13px; letter-spacing: 1px;}
.map_on4 h4 em:nth-of-type(1){background: url(../images/map_on41.png) no-repeat; width: 300px; height: 118px;     left: 190px;    top: -62px;    animation: move 620ms ease-in-out 100ms infinite alternate;}
.map_on4 h4 em:nth-of-type(2){background: url(../images/map_on42.png) no-repeat; width: 300px; height: 118px;     left: 630px;    top: 275px;    animation: move 500ms ease-in-out 100ms infinite alternate;}
.map_on4 h4 em:nth-of-type(4){background: url(../images/map_on44.png) no-repeat; width: 300px; height: 118px;     left:-190px;    top: 170px; padding-left: 16px;    animation: move 450ms ease-in-out 100ms infinite alternate;}
.map_on4 h4 em:nth-of-type(3){background: url(../images/map_on43.png) no-repeat; width: 300px; height: 118px;     left:333px;    top: 485px; padding-top:43px;    animation: move 530ms ease-in-out 100ms infinite alternate;}

.map_on5{background: url(../images/map_on5.jpg) no-repeat center 0; height: 762px; overflow: hidden; margin-bottom: 108px;}
.map_on5 h3{line-height: 100%; padding-top: 109px; width: 623px;color: #333;}
.map_on5 h3 span{ display: block;font-family:"Microsoft Yahei";font-weight: normal; font-size: 18px;color: #333; }
.map_on5 h3 i{ display: block; line-height: 100%; letter-spacing: 7px; font-size: 48px; padding: 30px 0 29px 0;font-weight: normal;}
.map_on5 h3 em{ display: block; line-height:24px;font-weight: normal;font-family:"Microsoft Yahei"; color: #6e7379; font-size: 18px; letter-spacing:1px; height:88px;}
.map_on5 ul li{ margin-bottom: 10px; height: 65px; line-height: 65px; padding-left: 78px;background: url(../images/map_on51.jpg) no-repeat  0 0 #fff; border-radius: 9px; width: 387px; box-sizing: border-box; font-size: 18px; color: #333333;font-family:"Microsoft Yahei"; }
.map_on5 ul li:nth-of-type(2){background: url(../images/map_on52.jpg) no-repeat  0 0 #fff;}
.map_on5 ul li:nth-of-type(3){background: url(../images/map_on53.jpg) no-repeat  0 0 #fff;}
.map_on5 ul li:nth-of-type(4){background: url(../images/map_on54.jpg) no-repeat  0 0 #fff;}

.map_on6{ height:815px;}
.map_on6 h3{text-align: center; line-height: 100%;color: #333;}
.map_on6 h3 span{ display: block;font-family:"Microsoft Yahei";font-weight: normal; font-size: 18px; color: #333;}
.map_on6 h3 i{ display: block; line-height: 100%; letter-spacing: 7px; font-size: 48px; padding: 30px 0 29px 0;font-weight: normal;}
.map_on6 h3 em{ display: block; line-height: 100%;font-weight: normal;font-family:"Microsoft Yahei"; color: #6e7379; font-size: 18px; letter-spacing:1px; height:94px;}
.map_on6 p{ position: relative;}
.map_on6 p em{ display: block; position: absolute; line-height: 64px; color: #fff; font-size: 18px; letter-spacing: 1px; padding-left: 61px;}
.map_on6 p em:nth-of-type(1){background: url(../images/map_on61.png) no-repeat; width: 278px; height: 88px; left: 85px; top: 60px;}
.map_on6 p em:nth-of-type(2){background: url(../images/map_on62.png) no-repeat; width: 278px; height: 88px; left: 442px; top:-20px; padding-left: 84px;}
.map_on6 p em:nth-of-type(3){background: url(../images/map_on63.png) no-repeat; width: 278px; height: 88px; left: 933px; top:118px; padding-left: 54px; color: #152540; padding-top: 15px;}

.map_on7{ height: 901px;background: url(../images/map_on7.jpg) no-repeat center 0; padding-top: 112px; box-sizing: border-box;}
.map_on7 h3{text-align: center; line-height: 100%;color: #333;}
.map_on7 h3 span{ display: block;font-family:"Microsoft Yahei";font-weight: normal; font-size: 18px; }
.map_on7 h3 i{ display: block; line-height: 100%; letter-spacing: 7px; font-size: 48px; padding: 30px 0 29px 0;font-weight: normal;}
.map_on7 h3 em{ display: block; line-height: 100%;font-weight: normal;font-family:"Microsoft Yahei"; color: #6e7379; font-size: 18px; letter-spacing:1px; height:118px;}
.map_on7 ul{ overflow: hidden;}
.map_on7 ul li{ float: left; width:25%; text-align: center; padding-top: 52px; height: 160px;}
.map_on7 ul li i{ display: block; color: #333333; font-size: 18px;font-family:"Microsoft Yahei"; padding-top: 16px;}
.map_on7 ul li em{ display: block; margin: 0 36px; text-align: center; color: #333333; font-size: 18px; line-height: 30px;font-family:"Microsoft Yahei"; padding-bottom: 26px;}
.map_on7 ul li em span{ display: block;}
.map_on7 ul li  a{ display: inline-block; font-size: 18px; color: #333333; padding-right: 31px;background: url(../images/map_on78.png) no-repeat right 2px;}
.map_on7 ul li  a:hover{ color: #f15829;}

.map_on8{height:763px;background: url(../images/map_on8.jpg) no-repeat center 0; padding-top: 130px; box-sizing: border-box;}
.map_on8 h3{line-height: 100%; width: 623px;color: #333;}
.map_on8 h3 span{ display: block;font-family:"Microsoft Yahei";font-weight: normal; font-size: 18px; }
.map_on8 h3 i{ display: block; line-height: 100%; letter-spacing: 7px; font-size: 48px; padding: 30px 0 29px 0;font-weight: normal;}
.map_on8 h3 em{ display: block; line-height:24px;font-weight: normal;font-family:"Microsoft Yahei"; color: #6e7379; font-size: 18px; letter-spacing:1px; height:99px;}
.map_on8 ul li{ line-height: 100%; margin-bottom: 33px; padding-left: 20px; font-size: 18px;font-family:"Microsoft Yahei"; position: relative; line-height: 100%;}
.map_on8 ul li:before{ width: 6px; height: 6px; border-radius: 6px; background: #b3b3b3; position: absolute; left: 0; top: 8px; background: #b3b3b3; content: "";}
.map_on8 ul li:hover:before{ background: #f1592a;}

.map_on9{ padding-top: 116px; height: 659px;}
.map_on9 h2{ text-align: center; line-height: 100%; color: #3c424e; font-size: 48px;font-weight: normal; letter-spacing: 5px; height: 86px;}
.map_on9 ul li{ float: left;position: relative; width: 33.33%; height: 230px; padding-top: 55px; overflow: hidden; box-sizing:border-box;}
.map_on9 ul li:before{ position: absolute; content: "";  right: 0; top: 93px; width: 1px;  height: 30px; background: #dfe0e1;}
.map_on9 ul li img{ display: inline-block; float: left; width: 120px; height: 120px; border-radius: 120px; padding: 0 19px 0 45px;}
.map_on9 ul li em{ display: inline-block; float: left; width: 160px; font-size: 18px; color: #333333; line-height: 25px; letter-spacing: 1px; padding-top: 16px;}
.map_on9 ul li em a{ display: block; width: 70px; height: 26px; line-height: 26px; border-radius: 26px; border: 2px solid #f1592a; text-align: center; font-size: 15px; color: #333; margin-top: 10px;}
.map_on9 ul li:nth-of-type(3n):before{ display: none;}
.map_on9 ul li:hover em a{ background: #f1592a; color: #fff;}
.map_on9 ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.09); background: #fff; z-index: 666;}
/*地图班结束*/

.c_banner{background: url(../images/c_ban.jpg) no-repeat center 0; height: 465px; overflow: hidden;}
.conm{ padding-top: 58px; height: 570px; position: relative;}
.conm h4{ position: absolute; top:250px; right:-195px;}
.conm h3{ position: relative; height: 108px; text-align: center; line-height: 100%; font-size: 40px; color: #333333; letter-spacing: 8px;    font-family: "wrjz","Microsoft Yahei";}
.conm h3:before{ position: absolute; content: ""; left: 577px; width: 44px; height: 1px; background: #ee642a; top: 63px;}
.conm p{ height: 86px; font-size: 18px; color: #333333; line-height: 28px;font-family:"Microsoft Yahei"; }
.conm ul li{ font-size: 14px;font-family:"Microsoft Yahei"; line-height: 27px; letter-spacing: 2px; overflow: hidden; color: #636871; }
.conm ul li span{ display: inline-block; width: 56px; float: left;}
.conm ul li i{ display: inline-block; width:880px; float: left;}
/**/
.conm2{ background: #eff5fa; padding-top: 112px; height: 432px; overflow: hidden;}
.conm2 h3{ margin: 0 auto; text-align: center; box-sizing: border-box;background: url(../images/conm22.png) no-repeat; width: 327px; height: 329px; padding-top: 83px;}
.conm2 p{ position: absolute;}
.conm2 p i{ display: block; font-size: 28px; line-height: 100%; height:123px;background: url(../images/conm2_no1.png) no-repeat 0 69px; width: 508px; color:#333}
.conm2 p em{ display: block; width: 382px; font-size: 14px; color: #333333;font-family:"Microsoft Yahei"; line-height: 28px;}
.conm2 p:first-of-type{ left: 0; top: 72px;}
.conm2 p:nth-of-type(2){ right: -9px; top: 81px; padding-top: 70px;background: url(../images/conm2_no2.png) no-repeat left 0; padding-left: 295px;}
.conm2 p:nth-of-type(2) em{ width: 345px;}
/**/
.conm3{background: url(../images/conm3.jpg) no-repeat center 0; height: 652px; overflow: hidden; box-sizing: border-box; padding-top: 132px; color: #fff;}
.conm3 h3{ line-height: 100%; font-size: 40px;font-weight: normal; letter-spacing: 7px; padding-bottom: 68px; position: relative;font-family: "wrjz","Microsoft Yahei";}
.conm3 h3:before{ content: ""; position: absolute; left: 0; top: 73px; width: 44px; height: 1px; background: #ee642a;}
.conm3 p{ font-size: 14px; line-height: 25px;font-family:"Microsoft Yahei"; padding-bottom: 38px;}
.conm3 p span{ padding: 0 12px;}
/**/
.conm4{background: url(../images/conm4.jpg) no-repeat center 0; height:881px; overflow: hidden; margin-bottom: 126px;}
.cn_lis41{ padding-left: 330px; padding-top: 81px; height: 193px;}
.cn_lis41 ul li{ float: left; padding: 0 39px; text-align: center; position: relative; height: 109px; cursor: pointer;}
.cn_lis41 ul li:after{content:""; position:absolute;height:64px;width:1px;right:0;top:6px;  background: #cbd1d5;}
.cn_lis41 ul li span{ display: block; font-size: 16px;font-family:"Microsoft Yahei"; padding-top: 6px; color:#333}
.cn_lis41 ul li:last-of-type:after{background:none;}
.cn_lis41 ul li.cur:before{ content:""; position:absolute;border-bottom:17px solid #fff;border-left:17px solid transparent;border-right:17px solid transparent;height: 0;width: 0; left:38%; bottom:0; }

.cn_lis42{ overflow: hidden; height: 350px; margin-left: 77px; margin-bottom: 35px;}
.cn_lis42 dl dt{ float: left; font-size: 0; line-height: 0; overflow: hidden; margin-right: 45px;}
.cn_lis42 dl dd{ float: left; width: 683px; padding-top: 12px;}
.cn_lis42 dl dd h3{ position: relative; height: 118px;font-weight: normal; font-size: 18px; color: #333333;line-height: 100%;}
.cn_lis42 dl dd h3 span{ padding-right: 7px;}
.cn_lis42 dl dd h3 i{ display: block; line-height: 100%; font-size: 32px; letter-spacing: 4px; padding-bottom: 23px;font-family: "wrjz","Microsoft Yahei";}
.cn_lis42 dl dd h3 em{ display: inline-block; right: 0; top: 0; font-size: 28px; position: absolute; line-height: 100%;}
.cn_lis42 dl dd p{ font-size: 14px;font-family:"Microsoft Yahei"; line-height: 24px; letter-spacing: 1px;    margin-bottom: 10px;}

.c_uu4{ float: left; margin-left: 125px;cursor: pointer; margin-right: 112px;transition: all 0.3s linear 0s;}
.c_uu4:hover{transform: translateX(-10px);}
.c_dd4{ cursor: pointer; float: left;transition: all 0.3s linear 0s;}
.c_dd4:hover{transform: translateX(10px);}

.conm5{ height: 663px;    position: relative;}
.conm5 dl dt{ float: right;    cursor: pointer; position:relative}
.conm5 dl  dt:before{content: "";position: absolute;position: absolute;width: 53px;height: 53px;background:url(../images/case_video.png) no-repeat 0 0;    left: 172px;    top: 80px;}

.conm5 dl dd{ float: left; width: 660px;}
.conm5 dl dd h3{ line-height: 100%;font-weight: normal; font-size: 36px; color: #333333; letter-spacing: 7px; height: 105px; position: relative;font-family: "wrjz","Microsoft Yahei";}
.conm5 dl dd h3:after{content:""; position:absolute;height:1px;width:44px;left:0;top:69px;  background: #ee642a;}
.conm5 dl dd p{font-family:"Microsoft Yahei"; color: #636871; font-size: 14px; line-height: 24px; padding-bottom: 26px;}
.conm5 dl dd p i{ display: block; color: #333; padding-bottom: 10px;}


.conm6{ overflow: hidden; background: #f0f5f8; padding-top: 72px; height: 1013px;}
.conm6 h2{ position: relative; line-height: 100%; font-weight: normal; color: #333; font-size: 40px; letter-spacing: 7px; text-align: center; height: 109px;}
.conm6 h2:after{content:""; position:absolute;height:1px;width:44px;left:570px;top:63px;  background: #ee642a;}
.conm6 h3{ position: relative; height: 362px; overflow: hidden;width: 527px;  float: left; margin-bottom: 28px;}
.conm6 h3 span{ display: inline-block; position: absolute; left: 0; bottom: 0; width: 100%; background: url(../images/cnn_bg.png) no-repeat left 0; height: 52px; line-height: 52px; color: #fff; padding-left: 38px;font-weight: normal;font-family:"Microsoft Yahei"; font-size: 14px; letter-spacing: 1px;}

.conm6_r1{ width: 645px; height: 362px; float: right; overflow: hidden; position: relative; margin-bottom: 28px;}
.cr_u6{position: absolute; cursor: pointer; top: 168px; left: 22px; z-index: 55;}
.cr_d6{position: absolute; cursor: pointer; top: 168px; right: 22px; z-index: 55;}
.conm6_r1a{ overflow: hidden;}
.conm6_r1a ul li{ position: relative; height: 362px; overflow: hidden;width:645px;  float: left; margin-bottom: 28px;}
.conm6_r1a ul li span{ display: inline-block; position: absolute; left: 0; bottom: 0; width: 100%; background: url(../images/cnn_bg.png) no-repeat left 0; height: 52px; line-height: 52px; color: #fff; padding-left: 38px;font-weight: normal;font-family:"Microsoft Yahei"; font-size: 14px; letter-spacing: 1px;}
.conm6_r1b{ position: absolute; left: 302px; z-index: 55; bottom: 20px;}
.conm6_r1b ul li{ float: left; width: 9px; height: 9px; border-radius: 9px; background: #fff; cursor: pointer; margin-right: 6px;}
.conm6_r1b ul li.on{ background: #f1592a;}
.conm6_r22{ float: left;}

.conm6_r2{ float: right; width: 524px;}
.conm6_r2 dl{background: #fff; height: 182px;}
.conm6_r2 dl:nth-of-type(2){ background: #ee642a;}
.conm6_r2 dl dt{ float: left;}
.conm6_r2 dl dd{ float: left; text-align: center; width: 260px; padding-top: 42px; position: relative; height:140px;}
.conm6_r2 dl dd:before{ content:""; position:absolute;border-top:15px solid #fff;border-left:15px solid transparent;border-right:15px solid transparent;height: 0;width: 0; left:44.5%; top:100%; }
.conm6_r2 dl dd span{ display: block; line-height: 100%; padding-top: 9px; font-size: 18px; color: #333;}
.conm6_r2 dl:nth-of-type(2) dt{ float: right;}
.conm6_r2 dl:nth-of-type(2) dd span{ color: #fff;}
.conm6_r2 dl:nth-of-type(2) dd:before{border-top:none;border-bottom:15px solid #ee642a; top: -22px;}



.conm5{}
.conm6_r2 dl dd i{ display: block; line-height: 100%; font-family: Rubrik; font-size: 36px;}
.conm6_r2 dl:first-of-type dd{text-align: left; padding-left: 17%;box-sizing: border-box; padding-top:60px;}
.conm5_float{ position: absolute; left: -360px; width: 1920px; background: #999; top:-126px; padding-top:107px; height: 683px; display: none;}
.conm5_float dl{ overflow:hidden; width: 1200px; margin: 0 auto;}
.conm5_float dl dt{float: left;margin-left: -30px;}
.conm5_float dl dd{float: right;width: 281px;height: 607px;background: #f1f1f1;text-align: center;}
.conm5_float dl dd h4{ text-align: right; padding: 39px 44px 0 0; height: 48px;}
.conm5_float dl dd h4 img{ cursor: pointer;}
.conm5_float dl dd p{margin: 0 80px 35px 70px;height: 158px;border-bottom: 1px solid #c8c8c8;}
.conm5_float dl dd p img{ width: 126px;}
.conm5_float dl dd em{display: block;margin-left: 70px;text-align: left;height: 43px;line-height: 43px;padding-left: 62px;font-size: 14px;color: #333333;font-family:"Microsoft Yahei";background: url(../images/conm596.jpg) no-repeat;}
/**/

/**/

/* --------------------    牛商版权图库     ------------------------- */

.bqtk_hyxz{background: #f0f5f7;padding: 74px 0 80px;}
.bqtk_hyxz_wz{text-align: center;padding-bottom: 20px;margin-top: -50px;}
.bqtk_hyxz_r{width: 490px;padding: 78px 0 0;font-size: 18px;line-height: 36px;color: #333;}
.bqtk_hyxz_r p{padding: 0 0 35px;}
.bqtk_hyxz_p{width: 638px;position: relative;height: 502px;}
.bqtk_hyxz_p img{position: absolute;left: -147px;top: 0;}

.bqtk_webox{padding: 74px 0 80px;text-align: center;line-height: 32px;}
.bqtk_webox .nytil01,.bqtk_serv .nytil01{margin-bottom: 20px;line-height: 40px;}
.bqtk_wc{padding: 0 0 50px;}

.bqtk_lb{background: url(../images/bqtk_lbbg.jpg) no-repeat center 0;background-attachment:fixed;height: 750px;padding: 74px 0;line-height: 28px;text-align: center;}
.bqtk_lb .nytil01{color: #fff;}
.bqtk_lbc dl{background: #fff;width: 290px;height: 520px;float: left;margin: 0 12px 0 0;box-sizing:border-box;padding:90px 40px;-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.bqtk_lbc dl:last-child{margin: 0;}
.bqtk_lbc dt{height: 170px;}
.bqtk_lbc dl:hover{box-shadow: 0 0 10px 10px rgba(0 , 0 , 0 , 0.2);margin-top: -16px;}
.bqtk_lbc dd h4{font-size: 32px;height: 76px;line-height: 62px;font-family: "wrjz","Microsoft Yahei";font-weight: normal;color: #333;}

.bqtk_why{background: url(../images/bqtk_whybg.jpg) no-repeat center 0;padding: 74px 0 100px;}
.bqtk_whyc dl{position: relative;width: 398px;height: 230px;float: left;margin:0 2px 2px 0;background: #fff;}
.bqtk_whyc dl h4{font-family: "wrjz","Microsoft Yahei";font-weight: normal;color: #333;}
.bqtk_whyc dl:nth-child(3n){margin-right: 0;}
.bqtk_whyc dt{padding: 45px 40px;}
.bqtk_whyc dt span{float: left;width: 195px;}
.bqtk_whyc dt h4{float: left;font-size: 28px;line-height: 150px;}
.bqtk_whyc dd{background: #fff;position: absolute;left: -10px;top: -10px;box-shadow: 0 0 5px 5px rgba(0 , 0 , 0 , 0.1);width: 480px;height: 260px;box-sizing:border-box;padding: 40px 60px;display: none;z-index: 1;}
.bqtk_whyc dd h4{font-size: 32px;line-height: 70px;margin-bottom: 25px;position: relative;}
.bqtk_whyc dd h4:before{position: absolute; content: ""; bottom:0;width:40px; height:1px;left: 0;background: #f05a28;}
.bqtk_whyc dl:hover dd{display: block;}

.bqtk_serv{padding: 80px 0 100px;text-align: center;line-height: 28px;}
.bqtk_sw{padding: 20px 135px 58px;}
.bqtk_sc{height: 398px;font-size: 28px;line-height: 88px;font-family: "wrjz","Microsoft Yahei";color: #333;}
.bqtk_sc dl{width: 280px;float: left;margin-left: 118px;}
.bqtk_sc dl:first-child{margin-left: 58px;}
.bqtk_sc dt{width: 280px;height: 280px;border-radius: 280px;background: #f0f5f8;box-sizing:border-box;padding: 88px 83px;}
/* --------------------    牛商版权图库结束     ------------------------- */


/* --------------------    策略班     ------------------------- */
.clb_webox{height:823px;background: url(../images/clb_xxbg.jpg) no-repeat center 0;font-size: 18px;line-height: 34px;}
.clb_webox_w{width: 585px;padding: 214px 15px 0 0;}
.clb_webox_w h3{line-height: 100%; color: #3c424e; font-size: 48px;font-weight: normal; letter-spacing: 8px; padding-bottom: 38px;font-family: "wrjz";}
.clb_webox_w p{padding-bottom: 48px;}
.clb_webox_w h4{font-weight: normal;font-size: 18px;line-height: 40px;color: #333;padding: 0 0 20px;}
.clb_webox_w h4 span{display: block;}
.more01 a{ display:inline-block; width: 200px; height: 60px; line-height: 60px; background: #f1592a; color: #fff; font-size: 18px; border-radius: 60px;text-align: center;font-weight: normal;}
.more01 a:hover{text-decoration: underline;}

.clb_dw{padding: 96px 0 100px;text-align: center;}
.clb_dw li{width: 367px;height: 367px;background: #fbfcfe;border:solid 1px #f6f6f8;float: left;margin: 0 0 0 29px;font-family:"wrjz","Microsoft Yahei";border-radius: 100%;font-size: 28px;line-height: 70px;color: #333;position: relative;z-index:1;padding: 96px 0 0;box-sizing:border-box;}
.clb_dw li em{width: 73px;height: 73px;display: block;margin: 0 auto;overflow: hidden;}
.clb_dw li em img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.clb_dw li p b{display: block;font-size: 28px;color: #bdcddd;font-family: Rubrik , Arial;line-height: 32px;}
.clb_dw li:nth-child(1){margin: 0 0 0 23px;}
.clb_dw li:nth-child(2){z-index: 3;}
.clb_dw li:nth-child(5){z-index: 4;}
.clb_dw li:nth-child(4){margin-left:234px;z-index: 2;}
.clb_dw li:nth-child(4),.clb_dw li:nth-child(5){margin-top:-188px;background: #f5f9fc;border-color: #f2f3f5;}
.clb_dw li:hover,.clb_dw li.cur{color: #fff;background: #f25928;border-color: #f25928;}
.clb_dw li:hover em img,.clb_dw li.cur em img{margin-top: -91px;}
.clb_dw li:hover p b,.clb_dw li.cur p b{color: #f69781;}

.clb_zh{background: url(../images/clb_zhbg.jpg) no-repeat center 0 #f0f5f8;height: 830px;}
.clb_zh .nytil06,.clb_clxt .nytil06{text-align: left;padding-bottom: 0;margin-bottom: 0;}
.clb_zh .nytil06:before,.clb_yy .nytil06:before,.clb_hk .nytil06:before,.clb_clxt .nytil06:before,.clb_gk .nytil06:before{width: 0;height: 0;}
.clb_zh li:nth-child(1){background: url(../images/clb_zhico1.jpg) no-repeat 16px 13px #fff;}
.clb_zh li:nth-child(2){background: url(../images/clb_zhico2.jpg) no-repeat 0 0 #fff;}
.clb_zh li:nth-child(3){background: url(../images/clb_zhico3.jpg) no-repeat 0 0 #fff;}
.clb_zh li:nth-child(4){background: url(../images/clb_zhico4.jpg) no-repeat 0 0 #fff;}

.clb_yy{padding:0 0 105px;font-family:"Microsoft Yahei";}
.clb_yycon{position: relative;height:552px;background: url(../images/clb_yybg.gif) no-repeat center 0;padding: 67px 0 0;position: relative;}
.clb_yycon li{width: 600px;height: 198px;float: left;position: absolute;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.clb_yycon li:nth-child(1){right: 600px;top: 67px;}
.clb_yycon li:nth-child(2){left: 600px;top: 67px;}
.clb_yycon li:nth-child(3){right: 600px;top: 265px;}
.clb_yycon li:nth-child(4){left: 600px;top: 265px;}
.clb_yycon li em{float: left;width: 191px;}
.clb_yycon li span{display: inline-block;font-size: 28px;line-height: 65px;background: url(../images/clb_ico01.png) no-repeat 20px center #f0f5f8;color: #333;padding:0 20px 0 45px;font-family:"wrjz","Microsoft Yahei";border-radius: 4px;}
.clb_yycon li:nth-child(2n-1) em{float: right;}
.clb_yycon li:nth-child(1) span{float: right;margin: 36px -16px 0 0;}
.clb_yycon li:nth-child(2) span{float: left;margin: 4px 0 0 -40px;}
.clb_yycon li:nth-child(3) span{float: right;margin: 124px -38px 0 0;}
.clb_yycon li:nth-child(4) span{float: left;margin:100px 0 0 -20px;}
.clb_yycon li:nth-child(1).cur,.clb_yycon li:nth-child(1):hover{right: 614px;top: 53px;}
.clb_yycon li:nth-child(2).cur,.clb_yycon li:nth-child(2):hover{left: 614px;top: 53px;}
.clb_yycon li:nth-child(3).cur,.clb_yycon li:nth-child(3):hover{right: 614px;top: 279px;}
.clb_yycon li:nth-child(4).cur,.clb_yycon li:nth-child(4):hover{left: 614px;top: 279px;}

.clb_hk{background: url(../images/clb_hkbg.gif) no-repeat center 0; background-attachment:fixed;height: 800px;padding: 85px 0 0;font-family:"wrjz","Microsoft Yahei";font-size: 28px;line-height: 34px;text-align:center;}
.clb_hk .nytil06{padding-bottom: 13px;}
.clb_hkcon{background: url(../images/clb_hkbg.png) no-repeat center bottom;height: 578px;}
.clb_hkcon li{width: 255px;float: left;}
.clb_hkcon li em{display: block;margin: 0 auto 15px;}
.clb_hkcon li:hover em,.clb_clxt li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.clb_hkcon li:nth-child(1){margin-top: 288px;}
.clb_hkcon li:nth-child(2){margin:141px 0 0 -120px;}
.clb_hkcon li:nth-child(3){margin:0 88px;}
.clb_hkcon li:nth-child(4){margin-top: 141px;}
.clb_hkcon li:nth-child(5){margin: 288px 0 0 -115px;width: 218px;}

.clb_clxt{padding: 105px 0 0;background: url(../images/clb_clxtbg.jpg) no-repeat center 0;height: 714px;font-family:"wrjz","Microsoft Yahei";font-size: 24px;line-height: 40px;color: #666;}
.clb_clxt ul{padding: 85px 0 0;width: 700px;}
.clb_clxt li{width: 209px;float: left;height: 146px;position: relative;text-align: center;}
.clb_clxt li:before{content: "";position: absolute;width:1px;height:24px;background:#c2d0dc;right: 0;top:25px;}
.clb_clxt li:nth-child(3):before,.clb_clxt li:nth-child(5):before{width: 0;height: 0;}
.clb_clxt li em{display: block;margin: 0 auto;}

.clb_gk{padding: 150px 0 0;font-family:"wrjz","Microsoft Yahei";font-size: 28px;line-height: 68px;text-align:center;height: 680px;color: #333;}
.clb_gk li{float: left;position: relative;width: 210px;padding:69px 120px 0 0;}
.clb_gk li:last-child{padding: 0;}
.clb_gk li:before{content: "";position: absolute;width:148px;height:67px;background: url(../images/clb_ico2.gif) no-repeat 0 0;left: 163px;top:0;}
.clb_gk li:nth-child(2):before{background: url(../images/clb_ico3.gif) no-repeat 0 0;left: 180px;top:279px;}
.clb_gk li:nth-child(4):before{width: 0;height: 0;}
.clb_gk li span{width: 210px;height: 125px;border-radius: 210px;background: #f1592a;display: block;position: relative;color: #f1592a;padding: 85px 0 0;}
.clb_gk li span em{width: 81px;height: 81px;background: #fff;border-radius: 81px;position: absolute;left: -8px;top: -8px;font-family: Rubrik , Arial;line-height: 81px;text-align: center;}
.clb_gk li span b{display: block;margin:0 auto;}
.clb_gk li:nth-child(2n){padding-top: 10px;}
.clb_gk li:nth-child(2n) span{background: #142f82;color: #142f82;}


.clb_rq{background: #f0f5f8;padding: 140px 0 0;height: 740px;text-align: center;font-size: 18px;line-height: 42px;color: #333;}
.clb_rq h3{font-family:"wrjz","Microsoft Yahei";font-size: 48px;font-weight: normal;height: 134px;line-height: 88px;color: #333;}
.clb_rq li{width: 386px;height: 430px;background: #fff;border-radius: 8px;box-shadow: 0 0 8px 8px rgba(0 , 0 , 0 , 0.05);float: left;margin-right:21px;}
.clb_rq li:nth-child(3){margin-right: 0;}
.clb_rq li b{margin:110px auto 36px;}
.clb_rq li b,.clb_rq li b img{width: 120px;height: 120px;display: block;overflow: hidden;border-radius: 120px;}
.clb_rq li em a{display: inline-block;width: 70px;line-height: 26px;border-radius: 14px;border:solid 2px #f1592a;text-align:center;color: #333;font-size: 14px;}
.clb_rq li:hover em a{color: #fff;background: #f1592a;}
/* --------------------    策略班结束     ------------------------- */

/* --------------------    牛商直播间     ------------------------- */
.zhibo{ height: 333px; overflow: hidden;background: url(../images/zhibo.jpg) no-repeat center 0; color: #e7e9ed; font-weight: normal;}
.zhibo p{ float: left; margin: 106px 0 0 457px;}
.zhibo p img{ width: 96px; height: 99px; border: 10px solid #fff; border-radius: 3px;}
.zhibo h3{ float: right; width: 330px; margin-top: 125px;}
.zhibo h3 i{ display: block; font-size: 32px; letter-spacing: 8px; line-height: 43px;font-weight: normal;}
.zhibo h3 i span{ display: block;}
.zhibo h3 em{ display: inline-block; margin-top: 10px; border-top: 1px solid #4c6da5; padding-top: 18px; width: 197px;font-weight: normal; color: #b9cae6; letter-spacing: 3px;}

.zhibo2{height: 953px; overflow: hidden;background: url(../images/zhibo2.jpg) no-repeat center 0; }
.zhibo2 dl{ overflow: hidden; height: 373px; padding-top: 126px; margin-bottom: 48px;}
.zhibo2 dl dt{ float: left; overflow: hidden; padding-left:47px; width: 550px;}
.zhibo2 dl dd{ float: right; width:499px; margin-top: 38px; padding-right: 45px;}
.zhibo2 dl dd h4{ font-weight: normal; height:98px; line-height: 100%; font-size: 40px; color: #333333; letter-spacing: 7px; position: relative;}
.zhibo2 dl dd h4:before{ top: 72px; width: 54px; height: 4px; background: #ea5c24; content: ""; position: absolute; left: 0; transition: all 0.2s;}
.zhibo2 dl dd h4:hover:before{ width: 135px;}
.zhibo2 dl dd p{ font-size: 16px; color: #333333; line-height:29px; letter-spacing: 2px;font-family:"Microsoft Yahei";}
.zhibo2 ul{ overflow: hidden; height: 180px;}
.zhibo2 ul li{ float: left; color: #999; font-size:20px; width:300px;position: relative; text-align: center; letter-spacing: 2px;}
.zhibo2 ul li:before{ content: ""; position: absolute; right: 0; top: 5px; width: 1px; height:103px; background: #d3ddf3;}
.zhibo2 ul li:last-of-type{ padding-right: 0; margin-right: 0;}
.zhibo2 ul li:last-of-type:before{ background: none;}
.zhibo2 ul li i{ display: block; line-height: 100%; padding-left:15px; padding-top: 5px;}
.zhibo2 ul li:nth-of-type(4) i{padding-left: 0;}
.zhibo2 ul li em{ position: relative; }
.zhibo2 ul li em span{ color: #333; font-size: 67px; line-height:90%;}
.zhibo2 ul li em sup{ display: inline-block; position:absolute; right: -27px; font-size:20px; color: #fff; width: 27px; height: 27px; background: #16397a; border-radius: 27px; text-align: center; line-height: 27px;}
.zhibo2 ul li:last-of-type em sup{ width: 55px; right: -50px;}
.zhibo2 h3{ margin: 0 50px; font-weight: normal; color: #5c5c5c; line-height: 30px; font-size: 16px; letter-spacing: 2px;font-family:"Microsoft Yahei";}

.zhibo3{ overflow: hidden;background: url(../images/zhibo3.jpg) no-repeat center 0; height: 1042px;}
.zhibo3 h3{line-height: 100%; text-align: center; padding-top: 100px;font-weight: normal; padding-bottom: 26px;}
.zhibo3 h3 i{ display: block; line-height: 100%; color: #999; font-size: 30px; letter-spacing: 4px;}
.zhibo3 h3 span{ display: block; line-height: 100%; color: #333; font-size:40px; letter-spacing:7px; padding-top: 17px;}
.zhibo3 p{ position: relative;}.zhibo3 p i{ display: inline-block;font-size: 0; line-height: 0; position: absolute;}
.zhibo3 p .zb11{ left: 532px; top: 253px;}
.zhibo3 p .zb12{ left:326px; top: 17px;}
.zhibo3 p .zb13{ left:150px; top:120px;}
.zhibo3 p .zb14{ left:178px; top:275px;}
.zhibo3 p .zb15{ left:13px; top:373px;}
.zhibo3 p .zb16{ left:11px; top:541px;}
.zhibo3 p .zb17{ left:156px; top:492px;}
.zhibo3 p .zb18{ left:325px; top:623px;}
.zhibo3 p .zb19{ left:783px; top:632px;}
.zhibo3 p .zb20{ right:162px; top:479px;}
.zhibo3 p .zb21{ right:21px; top:372px;}
.zhibo3 p .zb22{ right:323px; top:3px;}
.zhibo3 p .zb23{ right:152px; top:125px;}
.zhibo3 p .zb24{ right:182px; top:279px;}
.zhibo3 p .zb25{ left:557px; top:95px;}
.zhibo3 p .zb26{ left:780px; top:221px;}
.zhibo3 p .zb27{ left:768px; top:420px;}
.zhibo3 p .zb28{ left:556px; top:541px;}
.zhibo3 p .zb29{ left:330px; top:429px;}
.zhibo3 p .zb30{ left:333px; top:197px;}

.zhibo4{ overflow: hidden;background: url(../images/zhibo4.jpg) no-repeat center 0; height: 866px; padding-top: 108px; box-sizing: border-box;}
.zhibo4 h2{ text-align: center; height: 110px; position: relative; font-weight: normal; letter-spacing:5px; font-size: 40px;color: #333;}
.zhibo4 h2:before{ content: ""; position: absolute; top: 66px; left: 572px; width: 50px; height: 4px; border-radius: 4px; background: #f05827;}
.zhibo4_l{ margin-left: 40px; width: 710px;}
.zhibo4_l h3{ padding-top: 50px;font-weight: normal; font-size: 30px; color: #333333; letter-spacing: 3px; line-height: 100%; padding-bottom: 25px;}
.zhibo4_l h3 span{ display: block; padding-top: 12px;}
.zhibo4_l ul{ overflow: hidden; margin-bottom: -70px; height: 242px;}
.zhibo4_l ul li{ float: left; width: 50%; height: 51px; line-height: 51px; border-bottom: 1px solid #f5f6f9; box-sizing: border-box; position: relative;}
.zhibo4_l ul li:before{ position: absolute; left: 3px; top: 24px; content: ""; width: 6px; height: 6px; border-radius: 6px; background: #cad1da;}
.zhibo4_l ul li a{ display: block; padding-left: 20px; color: #74777c; font-size: 16px;font-family:"Microsoft Yahei";}
.zhibo4_l ul li:last-of-type{ width: 100%;}
.zhibo4_l ul li a:hover{ color: #f05827;}
.zhibo4_l h4{ position: relative;}
.zhibo4_r{ overflow: hidden; width: 398px; margin-right: 2px;}
.zhibo4_r ul li a{ display: block; height: 109px; border-bottom: 1px solid #eff3f6; line-height: 109px; padding-left: 100px; color: #404040; font-size: 22px;background: url(../images/zhibo4_r1.jpg) no-repeat  0 center;}
.zhibo4_r ul li:nth-child(2) a{background: url(../images/zhibo4_r2.jpg) no-repeat  0 center;}
.zhibo4_r ul li:nth-child(3) a{background: url(../images/zhibo4_r3.jpg) no-repeat  0 center;}
.zhibo4_r ul li:nth-child(4) a{background: url(../images/zhibo4_r4.jpg) no-repeat  0 center;}
.zhibo4_r ul li:nth-child(5) a{background: url(../images/zhibo4_r5.jpg) no-repeat  0 center;}
.zhibo4_r ul li a:hover{ color: #fff;background: url(../images/zhibo4_r11.jpg) no-repeat  0 center #f05827;}
.zhibo4_r ul li:nth-child(2) a:hover{background: url(../images/zhibo4_r22.jpg) no-repeat  0 center #f05827;}
.zhibo4_r ul li:nth-child(3) a:hover{background: url(../images/zhibo4_r33.jpg) no-repeat  0 center #f05827;}
.zhibo4_r ul li:nth-child(4) a:hover{background: url(../images/zhibo4_r44.jpg) no-repeat  0 center #f05827;}
.zhibo4_r ul li:nth-child(5) a:hover{background: url(../images/zhibo4_r55.jpg) no-repeat  0 center #f05827;}



.zhibo5{ overflow: hidden;background: url(../images/zhibo5.jpg) no-repeat center 0; height: 667px;}
.zhibo5 ul{ overflow: hidden; margin-left: -1px;}
.zhibo5 ul li{ overflow: hidden; float: left; font-size: 0; line-height: 0; margin: 0 1px 1px 0;}
.zhibo5 ul li:nth-of-type(7){ margin-left: 597px;}
.zhibo5 ul li:last-of-type{ margin-right: 1px;}
.zhibo5 ul li:nth-of-type(10){ width: 395px;}
.zhibo5 h3{ position: absolute; left: 301px; top: 253px; z-index: 55; text-align: center; width: 599px;}
.zhibo5 h3 i{ display: block; line-height: 100%;font-weight: normal; font-size: 40px; color: #333333; height: 97px; letter-spacing: 8px;}
.zhibo5 h3 i:before{ content: ""; position: absolute; top: 60px; left: 275px; width: 50px; height: 4px; border-radius: 4px; background: #f05827;}
.zhibo5 h3 em{ display: inline-block; float: left; padding-left: 57px;}
.zhibo5 h3 em strong{ display: block; font-weight: normal; line-height: 100%; color: #666; letter-spacing: 1px; font-size: 20px;font-family:"Microsoft Yahei"; padding-top: 5px;}
.zhibo5 h3 em b{ font-size: 47px;}
.zhibo5 h3 em b span{ font-size: 29px;}
.zhibo5 h3 em:first-of-type b span{ font-size: 15px;}

.zhibo6{ padding-top: 103px; height: 731px; overflow: hidden;}
.zhibo6 h5{margin-right: -110px;float: right;margin-left: -20px;}
.zhibo6 h3{float: left;width: 432px;font-weight: normal;z-index: 555;position: relative;}
.zhibo6 h3 i{ display: block; line-height: 100%; font-size: 40px; color: #333333; letter-spacing:5px; padding-bottom: 85px;position: relative;}
.zhibo6 h3 i span{ display: block; padding-top: 10px;}
.zhibo6 h3 i:before{ content: ""; position: absolute; top: 127px; left:0; width: 50px; height: 4px; background: #f05827;}
.zhibo6 h3 em{ display: block; font-weight: normal; line-height: 100%; margin-bottom: 44px; color: #999; font-size: 16px;font-family:"Microsoft Yahei"; letter-spacing: 2px; line-height: 24px;}
.zhibo6 h3 em b{ display: block; color: #343434; letter-spacing: 3px; font-size: 26px; font-weight: normal; padding-bottom: 11px;}

.zhibo7{overflow: hidden;background: url(../images/zhibo7.jpg) no-repeat center 0; height: 840px;}
.zhibo7  h2{text-align: center; line-height: 100%; font-weight: normal; padding-top: 100px; letter-spacing: 7px; color: #333; font-size: 40px; height: 89px;}
.zhibo7_l{ overflow: hidden; width: 243px; margin-left: -2px;}
.zhibo7_l ul{ padding: 41px 0 0 23px;}
.zhibo7_l ul li a{ display: block; margin-bottom: 15px; padding-left: 36px; width: 163px; font-size: 22px; color: #fff; letter-spacing: 3px; height: 50px; line-height: 50px;}
.zhibo7_l ul li a:hover,.zhibo7_l ul li.on a{background: url(../images/zhibo7_l.png) no-repeat center 0;}
.zhibo7_r{ width: 894px; padding-top: 48px;}
.zhibo7_r h3{ padding-left: 50px; height: 35px; line-height: 35px; border-left: 4px solid #e45428; font-size: 24px;font-weight: normal; letter-spacing: 4px; margin-bottom: 12px;}
.zhibo7_r p{ margin-left: 53px; color: #666666; font-size: 16px; line-height: 24px; letter-spacing: 2px;font-family:"Microsoft Yahei"; height: 80px; border-bottom: 1px solid #d3ddf3; margin-bottom: 43px;}
.zhibo7_r ul{ overflow: hidden; padding: 0 0 0 54px;}
.zhibo7_r ul li{ float: left;  width: 25%; text-align: center; height: 149px;}
.zhibo7_r ul li i{ display: block; letter-spacing: 3px;font-family:"Microsoft Yahei"; color: #333333; font-size: 16px;}


.zhibo8{ padding-top: 106px; height: 787px;}
.zhibo8  h3{ text-align: center;font-weight: normal; line-height: 100%; font-size: 40px; color: #333333; letter-spacing: 8px; height: 105px;}
.zhibo8_li{ overflow: hidden; height: 78px;background: url(../images/zhibo8_li.jpg) repeat-x 0 44px; }
.zhibo8_li ul{ overflow: hidden; padding-left: 315px;}
.zhibo8_li ul li{ float: left; margin-right: 105px;}
.zhibo8_li ul li a{ display: inline-block; line-height: 100%; color: #333; font-size: 24px; height: 43px;}
.zhibo8_li ul li.on a{ border-bottom: 4px solid #f05827;}

.zhibo8_on dl{ margin-bottom: 33px; overflow: hidden; padding: 28px 0 0 32px; width: 560px; height: 204px; float: left;}
.zhibo8_on dl:nth-child(2n){ float: right;}
.zhibo8_on dt{ float: left; padding-right: 21px; font-size: 0; line-height: 0;}
.zhibo8_on dt a{position: relative; display:block}
/*.zhibo8_on dt a:after {content: "";position: absolute;position: absolute;width:220px;height: 165px;background:rgba(0 , 0 , 0 , 0.4);left: 0;top: 0;z-index:1;}*/
.zhibo8_on dt a:before{content: "";position: absolute;position: absolute;width: 53px;height: 53px;background:url(../images/case_video.png) no-repeat 0 0;background-size: 44px;left: 94px;top: 53px;z-index:2;}

.zhibo8_on dd{ width: 294px; float: left; position: relative;}
.zhibo8_on dd h4{font-weight: normal; line-height: 100%; font-size: 24px; color: #333333; padding-top: 26px; padding-bottom: 10px;}
.zhibo8_on dd p{ font-size: 16px; line-height: 24px; font-weight: normal; color: #707070;font-family:"Microsoft Yahei"; letter-spacing: 2px;}
.zhibo8_on dd em{ display:none;}
.zhibo8_on dl:hover{ box-shadow: 0 5px 27px rgba(0,0,0,0.18); border-radius: 5px;}
.zhibo8_on dl:hover em{ display: inline-block; position: absolute; right: -25px; top: 139px; width: 89px; height: 44px; line-height: 44px; background: #f15829; color: #fff; font-size: 18px; text-align: center;font-family:"Microsoft Yahei"; border-top-left-radius: 44px; border-bottom-left-radius: 44px;}

.zhibo9{overflow: hidden;background: url(../images/zhibo9.jpg) no-repeat center 0; height: 845px;}
.zhibo9 h3{ line-height: 100%; font-weight: normal; text-align: center; padding-top: 100px; letter-spacing: 8px; color: #333; font-size: 40px; height: 94px;}
.outBox{ width:1200px;  }
.outBox .hd{ height:77px;position:relative;  }
.outBox .hd ul{ overflow: hidden; padding-left: 169px;}
.outBox .hd ul li{ float:left; cursor:pointer; color: #333333; font-size: 24px; padding-right: 137px;}
.outBox .hd ul li:last-of-type{ padding-right: 0;}
.outBox .hd ul li img{ display: inline-block; float: left; vertical-align: middle;}
.outBox .hd ul li i{ display: inline-block; float: left; line-height: 100%; padding-top: 15px; padding-left: 16px;}
.outBox .hd ul li.on{ color: #f15829;}

.inBox{}
.inBox .inHd{ float: right; width: 300px; padding: 32px 32px 0 0;}
.inBox .inHd h4{font-weight: normal; line-height: 100%; height: 45px; color: #434343; font-size: 18px;font-family:"Microsoft Yahei"; }
.inBox .inHd ul{ overflow:hidden; zoom:1; }
.inBox .inHd ul li{ text-align:left; cursor:pointer;   overflow: hidden;}
.inBox .inHd ul li a{position: relative;    display: block;}
/*.inBox .inHd ul li a:after {content: "";position: absolute;position: absolute;width: 130px;height: 74px;background:rgba(0 , 0 , 0 , 0.4);left: 0;top: 0;z-index:1;}*/
.inBox .inHd ul li a:before{content: "";position: absolute;position: absolute;width: 53px;height: 53px;background:url(../images/case_video.png) no-repeat 0 0;background-size: 24px;left: 55px;top: 24px;z-index:2;}

.inBox .inHd ul li img{display: inline-block;float: left;width: 130px;height: 74px;margin-bottom: 30px;}
.inBox .inHd ul li em{ display: inline-block; float: left; width: 160px; padding-left: 9px; font-size: 12px; color: #999999;font-family:"Microsoft Yahei";}
.inBox .inHd ul li em span{ display: block;}
.inBox .inHd ul li em b{ display: block; font-weight: normal; color: #434343; font-size: 14px; line-height: 21px;}
.inBox .inHd ul li.on b{color:#f68121;  }

.inBox .inBd{ float: left; width: 840px; height: 473px;}
.inBox .inBd ul{ padding:0;  zoom:1; overflow:hidden;   }
.inBox .inBd li{width: 840px; height: 473px; overflow:hidden; zoom:1;  }
/*.inBox .inBd ul li a:after {content: "";position: absolute;position: absolute;width: 840px;height: 473px;background:rgba(0 , 0 , 0 , 0.4);left: 0;top: 0;z-index:1;}*/
.inBox .inBd ul li a:before{content: "";position: absolute;position: absolute;width: 53px;height: 53px;background:url(../images/case_video.png) no-repeat 0 0;background-size: 48px;left: 400px;top: 216px;z-index:2;}

.zib_banner{background: url(../images/zib_banner.jpg) no-repeat center 0; height:670px;}
/* --------------------    牛商直播间结束     ------------------------- */

/* --------------------    加油站连锁2B型企业解决方案(简化)     ------------------------- */
.jyz_webox{text-align: center;background: #f0f5f8;padding: 55px 0;font-size: 16px;line-height: 24px;}
.jyz_webox_w{padding: 0 78px 15px;}
.jyz_nytil{font-size: 40px;color: #333;line-height: 88px;padding: 0 0 20px;font-family:"wrjz","Microsoft Yahei";font-weight: normal;text-align: center;}
.jyz_nytil a{display: block;color: #333;}

.jyz_hydc{padding:48px 0 0;height: 842px;font-size: 16px;line-height: 24px;}
.jyz_hydc_p{display: block;text-align:center;margin: 0 auto;}
.jyz_hydc_c1{width: 270px;height: 200px;left: 0;top: -40px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.jyz_hydc_c1:hover{margin-top: 10px;}
.jyz_hydc_c1 h4{height: 124px;font-size: 24px;line-height: 42px;font-weight: normal;color: #333;}
.jyz_hydc_c1 h4 span{display:block;height: 68px;font-size: 16px;overflow: hidden;line-height: 90px;}
.jyz_hydc_c1 h4 span b{font-size: 72px;font-family: Rubrik , Arial;line-height:68px;}
.jyz_hydc_c1:nth-child(2),.jyz_hydc_c1:nth-child(4){right:0;text-align: right;left: auto;}
.jyz_hydc_c1:nth-child(3),.jyz_hydc_c1:nth-child(4){top:458px;width: 456px;}
.jyz_hydc_c1:nth-child(2) h4 span b,.jyz_hydc_c1:nth-child(4) h4 span b{float: right;}

.jyz_plan{background: url(../images/jyz_planbg.jpg) no-repeat 0 0;padding:104px 0 0;color: #fff;}
.jyz_plan .jyz_nytil{color: #fff;padding-bottom: 72px;}
.jyz_plan li{width: 370px;height: 282px;float: left;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.jyz_plan li:nth-child(3n-1){margin: 0 45px;}
.jyz_plan li:nth-child(4){clear: both;}
.jyz_plan li span{position: relative;display: block;width: 162px;height: 162px;float: left;text-align:center;background: url(../images/jyz_plan_icobg1.png) no-repeat 0 0;}
.jyz_plan li span b{position: absolute;left: 12px;top: -2px;font-family: Rubrik , Arial;font-size: 48px;}
.jyz_plan li span em{display: block;margin: 42px auto 0;}
.jyz_plan li p{width: 98px;float: left;padding:50px 0 0 14px;font-size: 24px;line-height: 32px;}
.jyz_plan li p b{display: none;font-weight: normal;font-size: 16px;line-height: 24px;padding-top: 12px;}
.jyz_plan li:hover{margin-top: -10px;}
.jyz_plan li:hover span{background: url(../images/jyz_plan_icobg2.png) no-repeat 0 0;}
.jyz_plan li:hover p{width:192px;}
.jyz_plan li:hover p b{display: block;}

.jyz_edge{padding:72px 0;font-size: 18px;line-height: 28px;}
.jyz_edge .jyz_nytil{padding-bottom: 72px;}
.jyz_edge1{height: 540px;}
.jyz_edge_c{box-shadow: 0 0 5px 10px #f7f9fb;}
.jyz_edge_p{width: 50%;height: 540px;}
.jyz_edge_w{width: 45.3%;}
.jyz_edge_wc{width: 87%;padding: 18% 0 0;}
.jyz_edge_wc h3{font-size: 28px;line-height: 36px;font-family:"wrjz","Microsoft Yahei";font-weight: normal;color: #333;padding:0 0 35px;position: relative;}
.jyz_edge_wc h3 span{position: absolute;right: 0;top: -5px;}
.jyz_edge_wc p{padding-right: 60px;}

.jyz_case{padding:25px 0 100px;overflow: hidden;position: relative;}
.jyz_casecon{height: 596px;overflow: hidden;}
.jyz_casecon dl{width: 586px;float: left;}
.jyz_casecon dl:nth-child(2){padding-left:28px;}
.jyz_casecon dt{width: 255px;height: 536px;float: left;display: block;}
.jyz_casecon dd{width: 265px;float: left;padding: 56px 0 0 50px;}
.jyz_casecon dd h4{font-size: 24px;font-family:"wrjz","Microsoft Yahei";font-weight: normal;color: #333;line-height: 65px;border-bottom: 1px solid #dadada;}
.jyz_casecon dd h4 a{display: block;color: #333;}
.jyz_case_w{height: 324px;}
.jyz_case_w span{display: block;height: 57px;line-height: 54px;}
.jyz_case_more a{display: block;background: url(../images/jyz_ico01.gif) no-repeat 0 0;line-height: 37px;padding-left: 48px;color: #6e6e6e;}
.jyz_caseico{text-align:center;height: 24px;display: block;}
.jyz_caseico em{display: inline-block;width:14px;height: 14px;background: #d2e1f6;border-radius: 14px;margin-left: 11px;}
.jyz_caseico em:first-child{margin: 0;}
.jyz_caseico em.cur{background: #f9651f;}
/* --------------------    加油站连锁2B型企业解决方案(简化)结束     ------------------------- */



/* --------------------    大型商超020解决方案概述     ------------------------- */

.ow_ban{background: url(../images/ow_ban.jpg) no-repeat center 0; height: 460px;}
.ow_on1{ background: #f0f5f8; padding-top: 71px; height: 862px;}
.ow_on1 h3{text-align: center;font-size: 40px;font-weight: normal;letter-spacing: 6px;line-height: 100%;padding-bottom: 38px;color: #333;}
.ow_on1 p{ text-align: center; margin: 0 77px -22px; font-size: 16px; line-height: 24px; color: #595a5a;font-family:"Microsoft Yahei"; letter-spacing: 1px;}
.ow_on1 h4{ text-align: center;}
.ow_on2{background: url(../images/ow_on2.jpg) no-repeat center 0; height: 889px; padding-top: 96px; box-sizing: border-box;}
.ow_on2 h3{text-align: center;height: 205px;font-size: 40px;font-weight: normal;letter-spacing: 8px;line-height: 100%;color: #333;}
.ow_on2 h3 span{ display: block; line-height: 100%; font-size: 18px; padding-top: 45px;}
.ow_on2 ul{ overflow: hidden; margin-left: 51px;}
.ow_on2 ul li{ float:left;background: url(../images/ow_on21.png) no-repeat; width: 251px; height: 247px; color: #333333; font-size: 24px; text-align: center; line-height: 28px; box-sizing: border-box; padding-top: 99px;}
.ow_on2 ul li:nth-child(2){background: url(../images/ow_on22.png) no-repeat; margin: 0 168px; color: #fff;}
.ow_on2 ul li:nth-child(3){background: url(../images/ow_on23.png) no-repeat;}
.ow_on2 ul li:nth-child(4){background: url(../images/ow_on24.png) no-repeat;margin: -43px 163px 0 235px;}
.ow_on2 ul li:nth-child(5){background: url(../images/ow_on25.png) no-repeat; margin-top: -43px;}
.ow_on2 ul li span{ display: block;}
.ow_on3{background: url(../images/ow_on3.jpg) no-repeat center 0; height:923px; margin-bottom: 90px; padding-top: 120px; box-sizing: border-box;}
.ow_on3 h3{text-align: center;height: 153px;font-size: 40px;font-weight: normal;letter-spacing: 8px;line-height: 100%;color: #fff;}
.ow_on3 h3 span{ display: block; line-height: 100%; font-size: 18px; padding-top: 22px; letter-spacing: 3px;}
.ow_on3 ul li{  color: #fff; height: 143px; overflow: hidden; font-size: 16px; line-height: 24px;font-family:"Microsoft Yahei"; letter-spacing: 1px;}
.ow_on3 ul li i{ display: inline-block; float: left; text-align: right; width: 518px; padding-top: 28px;}
.ow_on3 ul li em{ display: inline-block; float: right; text-align: left; width: 510px; padding-top: 23px;}
.ow_on3 ul li b{ display: inline-block; float: left; margin: 0 38px 0 28px; width: 106px; height: 106px; border-radius: 106px; background: #183c7a;}
.ow_on3 ul li span{ display: block;}
.ow_on3 ul li strong{font-family:"suz"; color: #f05827; font-size: 48px; padding-right: 5px; line-height: 70%; padding-bottom:9px; display: inline-block;    font-weight: bold;}
.ow_on3 ul li:last-of-type em{ padding-top: 38px;}
.ow_on3 ul li:nth-of-type(4) i,.ow_on3 ul li:nth-of-type(3) em,.ow_on3 ul li:nth-of-type(2) i,.ow_on3 ul li:nth-of-type(1) em{ font-size: 24px; line-height: 100%; }
.ow_on4 h3{text-align: center;line-height: 100%;font-weight: normal;padding-bottom: 93px;color: #333;font-size: 40px;letter-spacing:10px;font-family: "wrjz";color: #333;}
.ow_on4bg{ overflow: hidden; box-shadow: 0 0 38px rgba(0,0,0,0.07);}
.ow_on4 dl{ overflow: hidden;}
.ow_on4 dl dt{ float: left; width: 50%; font-size: 0; line-height: 0;}
.ow_on4 dl dt img{ display: inline-block; width: 100%;  }
.ow_on4 dl dd{ float: right; width: 50%; box-sizing: border-box; padding:90px 7.5% 0;}
.ow_on4 dl dd h4{ overflow: hidden; height: 129px;}
.ow_on4 dl dd h4 em{ display: inline-block; float: right;}
.ow_on4 dl dd h4 i{ display: inline-block; float: left; width: 75%;font-weight: normal; font-size: 28px; color: #333333; font-weight: normal; line-height: 100%; padding-top: 8px;font-family: "wrjz";}
.ow_on4 dl dd h4 i span{ display: block; padding-top: 9px;}
.ow_on4 dl dd p{ font-size: 18px; color: #5c5c5c; line-height: 28px;}
.ow_on4 dl:nth-of-type(2) dt{ float: right;}
.ow_on5{ padding-top: 150px; height: 828px;}
.ow_on5 h3{text-align: center;line-height: 100%;font-weight: normal;height: 109px;color: #333;font-size: 40px;letter-spacing:10px;font-family: "wrjz";color: #333;}
.ow_on51{ height: 595px;}
.ow_on51 dl{ float: left; width: 530px; height: 536px; overflow: hidden;}.ow_on51 dl:nth-of-type(2){ float: right;}
.ow_on51 dl dt{ position: relative; float: left; width: 255px; height: 536px;background: url(../images/ow_on5.jpg) no-repeat; box-sizing: border-box; padding: 25px 0 0 10px;}
.ow_on51 dl dt em{ display: inline-block; position: absolute; left: 64px; top: 290px; text-align: center;}
.ow_on51 dl dt em img{ display: block; margin: 0 auto 20px; width: 130px; height: 130px; border-radius: 130px;}
.ow_on51 dl dd{ float: right; width: 235px; padding-top: 74px;}
.ow_on51 dl dd h4{ height: 100px;}
.ow_on51 dl dd h4 i{ display: block; font-weight: normal; font-size: 24px; color: #333333; letter-spacing: 4px; padding-bottom:18px; border-bottom: 1px solid #dadada; margin-bottom: 17px;}
.ow_on51 dl dd h4 span{ display: block; font-weight: normal; font-size: 14px; color: #333333; letter-spacing: 2px;}
.ow_on51 dl dd p{ height: 251px; font-size: 14px; color: #333333; line-height: 25px;font-family:"Microsoft Yahei"; letter-spacing: 1px;}
.ow_on51 dl dd em a{ display: inline-block; padding-left: 45px; line-height: 37px; color: #333333; font-size: 14px;font-family:"Microsoft Yahei"; letter-spacing: 2px;background: url(../images/ow_on5_m.png) no-repeat; }

.ow_on52{ overflow: hidden; margin-left:565px;}
.ow_on52 ul li{ float: left; width: 15px; height: 15px; border-radius: 15px; background: #d2e1f6; margin-right: 11px; cursor: pointer;}
.ow_on52 ul li.cur{ background: #f9651f;}
.ow_on3 ul li:hover b{ background: #f05827;}
/* font-family:"suz";*/
/* --------------------    大型商超020解决方案概述结束     ------------------------- */
/* --------------------    云产品-牛橙     ------------------------- */
.nc_ban{background: url(../images/nc_ban.jpg) no-repeat center 0; height: 743px;}
.nc_on1{ padding-top: 100px; height: 999px;}
.nc_on1 h3{ text-align: center; position: relative; color: #333333; font-weight: normal; letter-spacing: 8px; z-index:1}
.nc_on1 h3:before{display: inline-block;width:29px;height:4px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top: 79px; border-radius: 4px;}
.nc_on1 h3:hover:before{  width:100px;opacity: 1;}
.nc_on1 p{ height: 119px; margin: 0 75px; text-align: center; font-size: 18px; color: #333333; line-height: 37px; letter-spacing: 1px;}
.nc_on2{ overflow: hidden;background: url(../images/nc_on2.jpg) no-repeat center 0; height:1015px; box-sizing: border-box; padding-top: 99px;}
.nc_on2 h3{ text-align: center; position: relative;  color: #fff; font-weight: normal; letter-spacing: 8px;}
.nc_on2 h3:before{display: inline-block;width:29px;height:4px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top: 79px; border-radius: 4px;}
.nc_on2 h3:hover:before{  width:100px;opacity: 1;}
.nc_on2 p{ height: 67px; color: #fff; text-align: center; font-size: 18px; letter-spacing: 2px;}
.nc_on2 ul{ overflow: hidden;}
.nc_on2 ul li{ float: left; width: 385px; height: 300px; background: #f5f7fa; margin: 0 22px 30px 0; text-align: center; padding-top: 42px; box-sizing: border-box;}
.nc_on2 ul li:nth-of-type(3n){ margin-right: 0;}
.nc_on2 ul li em{ text-align: center;display: block; line-height: 100%; font-size: 28px; color: #333333; padding-bottom: 9px;}
.nc_on2 ul li span{ display: block; color: #6e7379; font-size: 14px; line-height: 25px;font-family:"Microsoft Yahei";}
.nc_on3{ position: relative; height:956px; padding-top: 100px; background: #f0f5f8; margin-bottom: 100px;}
.nc_on3 h4{ position: absolute; right: -235px; top:259px;}
.nc_on3 h3{ text-align: center; position: relative;  color: #333333; font-weight: normal; letter-spacing: 8px;}
.nc_on3 h3:before{display: inline-block;width:29px;height:4px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top: 79px; border-radius: 4px;}
.nc_on3 h3:hover:before{  width:100px;opacity: 1;}
.nc_on3 p{ height: 145px; margin: 0 20px; text-align: center; font-size: 18px; color: #333333; line-height: 37px; letter-spacing: 1px;}
.nc_on3 ul{ overflow: hidden; position: relative;}
.nc_on3 ul:before{ position: absolute; content: ""; left: 28px; background: #f0dcd7; height: 443px; width: 1px; top: 70px;}
.nc_on3 ul li{overflow: hidden; margin-bottom: 10px;}
.nc_on3 ul li span{ display: inline-block; float: left;background: url(../images/nc_on3.png) no-repeat; width: 56px; height:56px; text-align: center; line-height: 56px; color: #fff; font-size: 20px; margin-top: 42px; position: relative;}
.nc_on3 ul li i{ display: inline-block; float: left; border: 1px solid #e3e7ee; box-sizing: border-box; width: 500px; height: 140px; background: #fff; margin-left: 40px; padding-left: 58px; padding-top: 33px; font-size: 18px; color: #333333;font-family:"Microsoft Yahei"; padding-right: 42px; line-height: 32px;}
.nc_on3 ul li:first-of-type i{ padding-top: 57px;}
.nc_on4{ height: 850px;}
.nc_on4 h3{ text-align: center; position: relative;  color: #333333; font-weight: normal; letter-spacing: 8px;}
.nc_on4 h3:before{display: inline-block;width:29px;height:4px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top:85px; border-radius: 4px;}
.nc_on4 h3:hover:before{  width:100px;opacity: 1;}
.nc_on4 ul li{ position: relative; float: left; width:285px; box-sizing: border-box; padding:74px 43px 0;background: url(../images/nc_on41.jpg) no-repeat 43px 74px #f0f5f8; margin-top: 60px; height: 520px; margin-right: 20px;}
.nc_on4 ul li:nth-of-type(2){background: url(../images/nc_on42.jpg) no-repeat 43px 74px #f0f5f8;}
.nc_on4 ul li:nth-of-type(3){background: url(../images/nc_on43.jpg) no-repeat 43px 74px #f0f5f8;}
.nc_on4 ul li:nth-of-type(4){background: url(../images/nc_on44.jpg) no-repeat 43px 74px #f0f5f8; margin-right: 0;}
.nc_on4 ul li i{ display: block; padding-top: 205px; font-size: 18px; color: #333333; line-height: 36px;font-family:"Microsoft Yahei"; position: relative; z-index: 56;}
.nc_on4 ul li i:before{ position: absolute; content: ""; left: 0; top: 180px; width: 50px; height: 1px; background: #f05a28;}
.nc_on4 ul li em{ display:none;}
.nc_on4 ul li:hover em{ display:block; position: absolute; width: 350px; height: 640px;left: -32px; top: -60px; z-index: 55!important;}
.nc_on4 ul li:hover i{ color: #fff;}
.nc_on5{ background: #f0f5f8; padding-top: 100px; height: 829px;}
.nc_on5 h3{ text-align: center; position: relative; color: #333333; font-weight: normal; letter-spacing: 8px;}
.nc_on5 h3:before{display: inline-block;width:29px;height:4px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top:85px; border-radius: 4px;}
.nc_on5 h3:hover:before{  width:100px;opacity: 1;}
.nc_or{ width: 508px;}
.nc_or ul li{ padding-top: 38px; height: 144px; border-bottom: 3px solid #fff; overflow: hidden; background: #fff; margin-bottom: 16px; cursor:pointer;}
.nc_or ul li.cur{ border-bottom: 3px solid #f05a28; background: #fff;}
.nc_or ul li img{ display: inline-block; width: 110px; height: 110px; border-radius: 110px; margin: 0 46px 0 50px; float: left;}
.nc_or ul li em{ display: inline-block; float: left; padding-top: 22px; width: 290px; line-height: 100%; color: #6e7379; font-size: 14px;font-family:"Microsoft Yahei";}
.nc_or ul li em span{ display: block; line-height: 100%; padding-bottom: 19px; font-size: 28px; color: #333333; letter-spacing: 3px;}
.nc_ol{ width: 652px;height: 587px; overflow: hidden;}
.nc_ol dl{ background: #fff; height: 587px;}
.nc_ol dl dt{ position: relative;}
.nc_ol dl dt b{ display: block; overflow: hidden; height: 367px;}
.nc_ol dl dt em{ display: block; position: absolute; right: 30px; top: 306px;}
.nc_ol dl dt em i{ display: inline-block; float: left; width: 120px; height: 120px; position: relative; border-radius: 120px; overflow: hidden;}
.nc_ol dl dt em i:nth-of-type(2){ margin-left: 10px;}
.nc_ol dl dt em i strong{ display: none; position: absolute; font-weight: normal; left: 0; top: 0; width: 120px; height: 120px; color: #fff; background: rgba(0,0,0,0.7); line-height: 100%; font-size: 14px;font-family:"Microsoft Yahei"; text-align: center;}
.nc_ol dl dt em i strong span{ display: block; padding: 40px 0 10px 0;}
.nc_ol dl dt em i:hover strong{ display: block; cursor: pointer;}
.nc_ol dl dd{ padding: 48px 62px  0 48px;}
.nc_ol dl dd h4{font-weight: normal; line-height: 100%; color: #333333; font-size: 32px; letter-spacing: 4px; padding-bottom: 18px;}
.nc_ol dl dd p{ color: #6e7379; font-size: 18px; line-height: 32px;font-family:"Microsoft Yahei";}
.nc_on1 em img,.nc_on2 ul li img,.nc_on2 ul li{transition: all 0.3s linear 0s;}
.nc_on1 em img:hover{transform: translateX(10px);}
.nc_on2 ul li:hover img{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);margin: 0;}
.nc_on2 ul li:hover{transform: translateY(-5px);}

/* --------------------    云产品-牛橙结束     ------------------------- */

/* --------------------    牛商网内页-团队     ------------------------- */
.teambg{background: #f0f5f8;}
.team_nytil{font-size:40px;font-family:"wrjz","Microsoft Yahei";font-weight: normal;color: #333;line-height:117px;}
.team_leader{padding: 55px 0 32px;font-size: 16px;line-height: 32px;color: #333;}
.team_leader_c{height: 564px;background:  url(../images/team_leaderbg.jpg) no-repeat center 0;}
.team_leader_cp{bottom: 0;right: 165px;}
.team_leader_cw{width: 380px;padding: 86px 0 0 130px;}
.team_leader_cw h3{font-size:48px;font-family:"wrjz","Microsoft Yahei";font-weight: normal;color: #333;line-height:100px;height:120px;}

.team_glc_c{background: #fff;height: 574px;}
.team_glc_cl,.team_glc_cl span,.team_glc_cl span img{width:405px;height: 574px;display: block;overflow: hidden;}
.team_glc_cl p{color: #fff;font-size: 18px;line-height: 40px;width: 380px;height: 125px;left: 40px;bottom: 0;font-family:"wrjz","Microsoft Yahei";font-weight: normal;position: absolute;}
.team_glc_cl p b{display: block;font-weight: normal;font-size: 24px;line-height: 48px;}
.team_glc_cr{width: 736px;padding: 50px 0 0;}
.team_glc_cr li{position: relative;width: 295px;float: left;height:140px;margin-bottom: 37px;border-bottom: 1px solid #dbe1e4;}
.team_glc_cr li:nth-child(2n){margin-left: 99px;}
.team_glc_cr li:nth-last-child(1),.team_glc_cr li:nth-last-child(2){border: 0;}
.team_glc_cr li span,.team_glc_cr li span img{width:94px;height: 94px;display: block;border-radius: 94px;float: left;}
.team_glc_cr li p{float: left;padding: 0 0 0 38px;}
.team_glc_cr li p b{display: block;font-weight: normal;font-size: 18px;line-height: 46px;color: #333;}

.team_sdnr{padding:30px 0;height: 524px;}
.team_sdnr_t{width: 500px;right: 0;top:50px;}
.team_sdnr_t li{float: left;margin-left: 80px;line-height: 24px;height: 56px;color: #7b8088;}
.team_sdnr_t li b{display: block;font-weight: normal;font-size:18px;line-height: 30px;color: #000;}
.team_sdnr_t li.cur{border-bottom: 2px solid #f1592a;}
.team_sdnr_c1 li{position: relative;float: left;overflow: hidden;text-align: center;}
.team_sdnr_c1 li,.team_sdnr_c1 li img{width:240px;height: 202px;display: block;}
.team_sdnr_c1 li p{width: 100%;height: 100%;left: 0;top: 202px;background: #fff;position: absolute;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.team_sdnr_c1 li:hover p{top: 0;}
.team_sdnr_c1 li b{display: block;font-size: 18px;font-weight: normal;line-height: 46px;padding: 52px 0 0;color: #333;}
.team_sdnr_c1 li em{display: block;}

.team_sdjd{padding: 0 0 140px;}
.team_sdjd1{background: #fff;margin-bottom:64px;height: 411px;}
.team_sdjd1_p,.team_sdjd1_p p,.team_sdjd1_p p img{width: 703px;height: 411px;display: block;overflow: hidden;}
.team_sdjd1_w{width: 398px;padding:50px 50px 0 0;}
.team_sdjd1_w h3{font-size:32px;font-family:"wrjz","Microsoft Yahei";font-weight: normal;color: #333;line-height:106px;}
.team_sdjd1_wc{height: 138px;}
.team_sdjd1_more span{display: inline-block;line-height: 26px;font-size: 16px;color: #333;background:  url(../images/team_ico01.gif) no-repeat 0 center;padding-left: 38px;}
.team_sdjd1_pt{width: 703px;height:42px;left: 0;bottom: 0;text-align: center;position: absolute;z-index: 2;}
.team_sdjd1_pt em{display: inline-block;width: 11px;height: 11px;border-radius: 11px;background: #fff;margin-left: 8px;}
.team_sdjd1_pt em:first-child{margin: 0;}
.team_sdjd1_pt em.cur{background: #f05d2d;}
/* --------------------    牛商网内页-团队结束     ------------------------- */
/* --------------------    云产品-牛小橙     ------------------------- */
.xn_ban{background:  url(../images/xn_ban1.jpg) no-repeat center 0; height: 743px; overflow: hidden;}
.xn_on1{background:  url(../images/xn_on1.jpg) no-repeat center 0;height: 1066px; box-sizing: border-box;}
.xn_on1 p{ margin: 0 0 -66px;  height: inherit; position: relative;}
.xn_on1 em{ display: block;background:  url(../images/xn_on1.png) no-repeat center 0; height: 635px;}
.xn_on1 em img{margin:111px 0 0 429px;animation: move 520ms ease-in-out 100ms infinite alternate;}
.xn_on1 em img:hover{    transform: translateX(0px);}
.xn_on2{background:  url(../images/xn_on2.jpg) no-repeat center 0; height:891px; overflow: hidden; margin-bottom: 99px; padding-top: 100px;}
.xn_on2 h3{ height: 149px;margin:0}
.xn_on2 h3:before{display: inline-block;width:29px;height:4px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top: 83px; border-radius: 4px;}
.xn_on2 h3:hover:before{  width:100px;opacity: 1;}
.xn_on2 ul li{ font-size: 14px; line-height: 93px; height: 150px;}
.xn_on2 ul li b{ width: 93px; height: 93px; border-radius: 7px; margin: 0 0 0 25px;}
.xn_on2 ul li em{ width: 530px; padding-top: 0;}
.xn_on2 ul li i{ width: 534px; padding-top: 0;}
.xn_on2 ul li i span{ display: inline-block; line-height: 100%;font-weight: bold; padding: 0 5px; font-size: 29px;}
.xn_on2 ul li em span{ display:inline-block;line-height: 100%;font-weight: bold; padding: 0 5px; font-size: 29px;}
.ow_on3 ul li:nth-of-type(4) i, .ow_on3 ul li:nth-of-type(3) em, .ow_on3 ul li:nth-of-type(2) i, .ow_on3 ul li:nth-of-type(1) em{font-size: 14px; line-height: 93px;}
.ow_on3 ul li:last-of-type em{ padding-top:0;}
.xn_on2 ul li:nth-of-type(1) i,.xn_on2 ul li:nth-of-type(2) i,.xn_on2 ul li:nth-of-type(3) em,.xn_on2 ul li:nth-of-type(4) em{ font-size: 32px;}
.xn_on2 ul li.on b {    background: #f05827;}

.xn_on3{ padding-bottom: 100px;}
.xn_on3 h3{ text-align: center;    font-weight: normal;    letter-spacing: 8px;      color: #333333;}
.xn_on3 h3:before{display: inline-block;width:29px;height:4px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top: 85px; border-radius: 4px;}
.xn_on3 h3:hover:before{  width:100px;opacity: 1;}
.xn_on3a{ border: 1px solid #dceaf5; border-left: none; border-radius: 9px;}
.xn_on3a dl{ overflow: hidden; padding-bottom: 14px;}
.xn_on3a dl dt{ font-size: 0; line-height: 0; overflow:hidden; width: 360px; height: 210px; border-bottom-left-radius: 9px;border-top-left-radius: 9px; float: left;}
.xn_on3a dl dd{ float: right; width: 737px; margin: 57px 46px 0 0; height: 167px; border-bottom: 1px solid #e4eef7;background:  url(../images/xn_li3.jpg) no-repeat 0 9px; padding-left: 20px;}
.xn_on3a dl dd h4{ line-height: 100%; color: #333333; font-size: 28px; letter-spacing: 4px;font-weight: normal;}
.xn_on3a dl dd p{font-family:"Microsoft Yahei"; padding-top: 19px; color: #6e7379; font-size: 14px; line-height: 24px;}
.xn_on3a dl:last-of-type{ padding-bottom: 0;}
.xn_on3a dl:last-of-type dd{ border-bottom: none; height:153px;}

.xn_on4{ background: #f0f5f8; padding: 100px 0; margin-bottom: 100px;}
.xn_on4 h3{ text-align: center;    font-weight: normal;    letter-spacing: 8px;   color: #333333;}
.xn_on4 h3:before{display: inline-block;width:29px;height:4px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top: 85px; border-radius: 4px;}
.xn_on4 h3:hover:before{  width:100px;opacity: 1;}
.xn_on4 .xn_tis{ height: 161px; text-align: center; font-size: 18px; color: #333333; line-height: 37px;font-weight: normal; letter-spacing:2px;}
.xn_on4 ul{ overflow: hidden;}
.xn_on4 ul li{ width: 228px; height: 427px;background:  url(../images/xn_on4.jpg) no-repeat; float: left; margin: 0 15px 30px 0;}
.xn_on4 ul li i{ overflow: hidden; display: block;height:362px; }
.xn_on4 ul li span{ display: inline-block; width: 202px; height: 335px; margin:26px 0 0 10px; overflow: hidden;}
.xn_on4 ul li:nth-of-type(5n){ margin-right: 0;}
.xn_on4 h5{text-align: center; padding-top: 30px;}
.xn_on4 h5 a{ display: inline-block; width: 230px; height: 60px; border-radius: 60px; background: #f26133; color: #fff; line-height: 60px; font-weight: normal; font-size: 18px; letter-spacing: 2px;font-family:"Microsoft Yahei"; transition: all 0.2s;}
.xn_on4 h5 a:hover{padding: 0 15px;}
#imgBgc{
    height: 1108px;
    background-image:  url("../images/kaisiman.jpg");background-size: 202px auto; /* 什么图片都可以*/
    /*background-attachment: fixed; /!* 让背景图片和文本脱离*!/*/
    background-position: 0 0;
    -webkit-animation: scrollToUp 0 linear infinite; /* 引入 scrollToUp动画  linear 表示匀速执行动画可避免卡顿*/
    animation: scrollToUp 0 linear infinite;
}
.xn_on4 ul li:hover #imgBgc{ -webkit-animation: scrollToUp 8.5s linear infinite; /* 引入 scrollToUp动画  linear 表示匀速执行动画可避免卡顿*/
    animation: scrollToUp 8.5s linear infinite;}
@-webkit-keyframes scrollToUp {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -1108px;  /* 向上滚动则就是图片的高度的负值，否则为图片的宽度，也可以百分比*/
    }
}
@keyframes scrollToUp {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -1108px;
    }
}

.xn_on6{ background: #f0f5f8; padding-top: 100px; overflow:hidden; height: 923px; }
.xn_on6 h3{ text-align: center;    font-weight: normal;    letter-spacing: 8px;     color: #333333;}
.xn_on6 h3:before{display: inline-block;width:29px;height:4px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top: 85px; border-radius: 4px;}
.xn_on6 h3:hover:before{  width:100px;opacity: 1;}
.xn_tils{ height: 125px; text-align: center; font-size: 18px; color: #333333; line-height: 37px; letter-spacing: 1px;}
.xn_61{ float: left; width: 100px;}
.xn_61 ul li{ padding: 11px 0 0 11px; font-size: 0; line-height: 0; position: relative; margin-bottom: 4px; cursor: pointer;}
.xn_61 ul li img{ display: inline-block; width: 90px; height: 90px; border-radius: 90px;}
.xn_61 ul li span{ display: inline-block; position: absolute; left: 11px; top: 11px; width: 90px; height: 90px; border-radius: 90px; background: rgba(0,0,0,0.5)}
.xn_61 ul li.cur span{ display: none;}
.xn_61 ul li.cur{background:  url(../images/xn_61cur.png) no-repeat; }

.xn_r6{ overflow: hidden; background: #fff; height: 458px; width: 1040px;}
.xn_r6 dl dt{ float: right; font-size: 0; line-height: 0; overflow: hidden;}
.xn_r6 dl dd{ float: left; padding: 65px 0 0 50px; width:325px;}
.xn_r6 dl dd h4{ line-height:130%; font-size: 28px; color: #333333;font-weight: normal; margin-bottom: 26px;}
.xn_r6 dl dd p{ height: 137px;font-family:"Microsoft Yahei"; color: #6e7379; font-size: 14px; line-height: 30px;}
.xn_r6 dl dd h5{overflow: hidden;}
.xn_r6 dl dd h5  span{ display: inline-block; float: left; margin-top: 33px; padding-left: 14px; width: 82px;background:  url(../images/xn_btn.png) no-repeat; line-height: 30px; color: #6e7379; font-size: 14px;font-family:"Microsoft Yahei";font-weight: normal; margin-right: 21px;}
.xn_r6 dl dd h5 i img{ display:block; width:95px}
.xn_on6 h6{ padding-top: 60px; text-align: center;}
.xn_on6 h6 a{ display: inline-block; height: 56px; line-height: 56px; border-radius: 56px; width: 226px; border: 2px solid #f05a28; color: #333333; font-size: 18px; letter-spacing: 4px; transition: all 0.2s;}
.xn_on6 h6 a:hover{ background: #f05a28; color: #fff; padding: 0 15px;}


.case_bg{height:920px;position: relative;font-size: 0;}
.case_mz6 ul{width:1200px; height:675px; position: relative; margin:0 auto;}
.case_mz6 ul li{ width:670px; height:675px; background: #fff; overflow: hidden; border: 1px solid #e3eef7;}
.case_mz6 ul li b img:nth-of-type(2){ display: none;}
.case_mz6 ul li b img:nth-of-type(1){ padding: 43px 0 0 26px;}
.case_mz6 ul li em{display: block; padding-top: 28px;padding-bottom: 40px; padding-left:48px;color: #333333; font-size: 20px;}
.case_mz6 ul li  i{ display: block; padding-left:48px; margin-right: 55px;}
.case_mz6 ul li  i span{ display: block; padding-left:26px; font-size: 14px; color: #6e7379; background: url(../images/j_io.png)  no-repeat 0 8px; text-align: left; margin-bottom: 15px; line-height:136%;}
.case_mz6 ul .roundabout-in-focus  b img:nth-of-type(1){ display: none;}
.case_mz6 ul .roundabout-in-focus  b img:nth-of-type(2){ display: block;}
.case_mz6 ul .roundabout-in-focus em{ display: block; padding-top: 58px;padding-bottom: 40px; padding-left:48px;color: #333333; font-size: 28px; text-align: left;}
.case_mz6 ul .roundabout-in-focus i span{ display: block; padding-left:26px; font-size: 18px; color: #6e7379; background: url(../images/j_io.png)  no-repeat 0 8px; text-align: left; margin-bottom: 15px; line-height: 135%;}
.case_mz6 ul .roundabout-in-focus{ border: none; box-shadow: 0 0 45px rgba(0,0,0,0.13);}

.case{height:710px; overflow: hidden; }
.case67 h3{ text-align: center;  font-weight: normal;    letter-spacing: 8px;    color: #333333;}
.case67 h3:before{display: inline-block;width:29px;height:4px;background: #ee642a;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.95%;opacity: 1; top: 85px; border-radius: 4px;}
.case67 h3:hover:before{  width:100px;opacity: 1;}


/* --------------------    云产品-牛小橙结束     ------------------------- */


/* --------------------    牛商网内页-集团落地页     ------------------------- */
.hm_hydc{text-align:center;padding: 60px 0;background:  url(../images/hm_hydcbg.jpg) no-repeat center 0;background-attachment:fixed;}
.hm_hydc_cw{height: 112px;}
.hm_hydc_cl dl{width: 350px;height: 462px;background: #fff;box-shadow: 0 0 3px 3px rgba(0 , 0 , 0 , 0.1);border-radius: 11px;overflow: hidden;float: left;padding: 40px 36px;box-sizing:border-box;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.hm_hydc_cl dl:nth-child(2){margin: 0 75px;}
.hm_hydc_cl dt,.hm_hydc_cl dt img{width: 136px;height: 136px;display: block;margin: 0 auto;}
.hm_hydc_cl dd{padding:15px 0 0;font-size: 16px;line-height: 24px;color: #222;}
.hm_hydc_cl dd h4{height:66px;font-size: 36px;line-height: 66px;color: #20405d;font-family:"wrjz","Microsoft Yahei";font-weight: normal;}
.hm_hydc_cl dd p{height: 87px;}
.hm_hydc_cl dd span a{width:180px;line-height: 40px;text-align: center;border-radius: 3px;border: solid 2px #20405d;margin:0 auto;font-size: 18px;color: #20405d;position: relative;overflow: hidden;z-index: 1;overflow: hidden;margin: 0 auto;display: block;}
.hm_hydc_cl dd span a:before{content: "";position: absolute;width:280px;height:0;background:#f1592a;top:-40px;left:-60px;-webkit-transform: rotate(45deg);transform: rotate(45deg);z-index: -1;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hm_hydc_cl dl:hover{margin-top: -16px;}
.hm_hydc_cl dl:hover dd span a:before{height: 400px;}
.hm_hydc_cl dl:hover dd span a{color: #fff;border-color: #f1592a;}

.hm_jzxq{text-align:center;padding: 60px 0;background:  url(../images/hm_jzxqbg.jpg) no-repeat center 0;background-attachment:fixed;text-align: center;}
.hm_jzxq_w{padding: 0 0 32px;}
.hm_jzxq_l li{width: 380px;height: 280px;background: #fff;float: left;margin: 0 30px 30px 0;border-radius: 8px;box-sizing:border-box;position: relative;}
.hm_jzxq_l li:nth-child(3n){margin-right: 0;}
.hm_jzxq_l li em{position: absolute;width: 60px;line-height: 76px;left: 0;top: 0;font-size: 20px;color: #dfdfdf;font-family:'rubrik';}
.hm_jzxq_l li span,.hm_jzxq_l li span img{width: 264px;height: 206px;display: block;margin: 0 auto;overflow: hidden;}
.hm_jzxq_l li span img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.hm_jzxq_l li p{display: block;font-size: 28px;line-height: 60px;font-family:"wrjz","Microsoft Yahei";color: #333;}
.hm_jzxq_l li:hover{box-shadow: 0 0 9px 9px rgba(0 , 0 , 0 , 0.1);}
.hm_jzxq_l li:hover span img{margin-top: -10px;}

.hm_qwbj{padding: 60px 0;}
.hm_qwbj_con{position: relative;height: 654px;}
.hm_qwbj_l{position: absolute;left:50%;bottom:50px;margin-left: -600px; background:  url(../images/hm_prev1.png) no-repeat 0 bottom;width:41px;height:40px;z-index: 3;}
.hm_qwbj_r{position: absolute;left:50%;bottom:50px;margin-left: -275px;background:  url(../images/hm_next1.png) no-repeat 0 0;width:41px;height:40px;z-index: 3;}
.hm_qwbj_nav{ width:430px;height:100px; overflow: hidden; position: absolute;left:50%;bottom:0px;margin-left: -580px;z-index: 2;}
.hm_qwbj_nav li {font-size: 16px; width: 74px; height:100px; float: left; text-align: center; font-weight: normal;box-sizing: border-box; color: #191c24;position: relative;margin-right: 9px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.hm_qwbj_nav li i{display: block;width:74px;height:58px;overflow: hidden;position: relative;margin-bottom: 10px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.hm_qwbj_nav li i img{width:100%;display: block;}
.hm_qwbj_nav li.cur{color:#f05827;}
.hm_qwbj_nav li.cur i:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0px;border:2px solid #f1592a;}

.hm_qwbj_nr{position: relative;margin:0 auto;width: 1123px; height: 640px;}
.hm_qwbj_nr .tempWrap{overflow: visible !important;}
.hm_qwbj_nr .tempWrap .hm_qwbj_cl{margin-left:-1230px !important;}
.hm_qwbj_l1{width: 1200px;height: 654px;margin-right: 10px;}
.hm_qwbj_l1 dl{width: 1200px;height: 654px; position: relative;padding-bottom: 15px;}
.hm_qwbj_l1 dl dt{width: 1200px;height: 513px; }
.hm_qwbj_l1 dl dt img{width: 1200px;height: 513px;display: block;}
.hm_qwbj_l1 dl dd{width: 754px;height: 266px;padding:63px 55px 0;box-sizing: border-box; position: absolute;right:0px;bottom:0px;background: #3c424e;  display: none;}
.hm_qwbj_l1 dl dd h3 b{display: block; font-size:60px;line-height: 72px;}
.hm_qwbj_l1 dl dd h3{font-weight: normal;font-size: 36px;color: #fff;font-family:"wrjz","Microsoft Yahei";line-height: 64px;width:245px;float: left;}
.hm_qwbj_l1 dl dd p{font-size:14px; color:#fff;  line-height: 25px;margin-bottom: 10px; text-align: justify;width: 365px;float: right;}
.hm_qwbj_l1 dl dd p span{height: 84px;display: block;}
.hm_qwbj_l1 dl dd p a{width: 180px;line-height: 44px;background: #f1592a;border-radius: 3px;text-align:center;display: block;font-size: 18px;color: #fff;}
.hm_qwbj_l1.cur dl dd{display: block;}

.hm_qzfw{padding:0 0 57px;line-height: 30px;text-align: center;}
.hm_qzfw_t{height: 130px;font-size: 18px;line-height: 54px;}
.hm_qzfw_t li{width: 130px;height: 130px;border: solid 2px #d2d9df;border-radius: 3px;float: left;margin:0 22px 0 0;box-sizing:border-box;color: #20405d;}
.hm_qzfw_t li:last-child{margin: 0;}
.hm_qzfw_t li em{display: block;width: 50px;height: 50px;margin: 23px auto 0;overflow: hidden;}
.hm_qzfw_t li em img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.hm_qzfw_t li.cur{border-color: #f1592a;background: #f1592a;color: #fff;}
.hm_qzfw_t li.cur em img{margin-top: -100px;}

.hm_qzfw_con{height: 725px;background:  url(../images/hm_qzfwbg.gif) no-repeat center bottom;}
.hm_qzfw_con h3{height: 120px;font-size: 36px;font-family:"wrjz","Microsoft Yahei";color: #20405d;font-weight: normal;line-height: 120px;}
.hm_qzfw_c1 li{width: 318px;float: left;position: relative;padding-top: 453px;color: #fff;}
.hm_qzfw_c1 li p{width: 155px;margin: 0 auto;}
.hm_qzfw_c1 li span{background:  url(../images/hm_qzfw_lbg3.png) no-repeat center 0;width: 164px;height: 193px;position: absolute;left: 50%;margin-left: -78px;top:84px;box-sizing:border-box;font-size: 26px;line-height: 32px;font-weight: bold;padding: 46px 0 0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.hm_qzfw_c1 li span.hm_qzfw_wz1{font-size: 22px;}
.hm_qzfw_c1 li span b{display: block;font-family:'rubrik';}
.hm_qzfw_c1 ul li:nth-child(1){margin-left: 82px;}
.hm_qzfw_c1 ul li:nth-child(2){width: 376px;}
.hm_qzfw_c1 ul li:nth-child(1) span{background:  url(../images/hm_qzfw_lbg1.png) no-repeat center 0;}
.hm_qzfw_c1 ul li:nth-child(2) span{background:  url(../images/hm_qzfw_lbg2.png) no-repeat center 0;top:-2px;margin-left: -71px;}
.hm_qzfw_c1 li:hover span{margin-top: -10px;}

.hm_ndxz{background:  url(../images/hm_ndxzbg.jpg) no-repeat center 0;height:610px;color: #fff;font-size: 18px;line-height: 42px;padding: 70px 0;}
.hm_ndxz .jyz_nytil{color: #fff;padding: 0 0 60px;}
.hm_ndxz_con li{width: 379px;height: 208px;box-sizing:border-box;background: rgba(255 , 255 , 255 , 0.2);border: solid 1px rgba(255 , 255 , 255 , 0.3);text-align: center;margin: 0 31px 31px 0;float: left;border-radius: 2px;}
.hm_ndxz_con li:nth-child(3n){margin-right: 0;}
.hm_ndxz_con li span{display: block;font-size:36px;padding: 30px 0 0;height: 90px;line-height: 90px;font-weight: bold;}
.hm_ndxz_con li span b{font-size: 72px;}
.zhibo3 .jyz_nytil{position: absolute;top: 60px;width: 1200px;left: 50%;margin-left: -600px;}

/* --------------------    牛商网内页-集团落地页结束     ------------------------- */

/* --------------------    牛商网内页-品牌落地页     ------------------------- */
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;}
.f_pr{position:relative;}
.f_fw{font-family:"wrjz","Microsoft Yahei";}
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}

.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
.fa-bounceIn{-webkit-animation:bounceIn 6s infinite linear;animation:bounceIn 6s infinite linear}

@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}

@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}
100%{opacity:0}
}

.pp_banner{background: url(../images/ppban.jpg) no-repeat center 0; height: 700px; overflow: hidden;}
.g_ppbk1{padding: 78px 0 100px 0;}
.g_ppbk1 h2{height: 88px;text-align: center;font-size:48px;color:#3c424e;margin-bottom: 30px;font-weight: normal;}
.m_ppbk1{margin:0 10% 40px;}
.m_ppbk1 dl{float: left;width:24%;margin-right:1%;position: relative;}
.m_ppbk1 dt{width:100%;}
.m_ppbk1 dt img{width:100%;display: block;}
.m_ppbk1 dd{position: absolute;left:0;top:0;width:100%;height: 100%;box-sizing: border-box;}
.m_ppbk1 h3{line-height: 2rem;font-size:1.2rem;color:#fff;margin-top: 2.5rem;text-align: center;margin-bottom: 3rem;font-weight: normal;}
.m_ppbk1 i{width:25%;margin:0 auto 4rem;display: block;}
.m_ppbk1 i img{width:100%;display: block;}
.m_ppbk1 p{padding: 0 10%;font-size:0.8rem;color:#fff;line-height: 1.1rem; height: 6.56rem;position: relative; font-family: "Microsoft Yahei"}
.m_ppbk1 p:before{content: "";position: absolute;width:1.2rem;height: 2px;background: #fff;left:50%;margin-left: -0.6rem;bottom: 0;}
.ppbtn a{display: block;width:31%;height: 2.5rem;line-height: 2.5rem;background: #f1592a;border-radius: 45px;text-align: center;font-size:1rem;color:#fff;margin:0 auto;z-index:1;position:relative;}
.ppbtn a span{display:block;position:relative;z-index:2}
.ppbtn a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:45px;background:#142f82;transform:scale(.1,1);transition:.4s;opacity:0;z-index:0;color:#fff}
.ppbtn a:hover{color:#fff;}
.ppbtn a:hover:after{transform:scale(1);transition:.4s;opacity:1}

.g_cysh{background: url(../images/pp_chbg.jpg) no-repeat center 0; height: 806px;padding-top: 84px;box-sizing: border-box;}
.g_cysh h2{height: 80px;text-align: center;font-size:48px;color:#3c424e;margin-bottom: 80px;font-weight: normal;}
.m_cysh{margin:0 40px;}
.m_cysh dl{float: left;padding: 66px 0 0 60px;box-sizing: border-box;height: 210px;border:1px solid #d4d7de;border-top: none;border-right: none;}
.m_cysh dl:nth-child(1),.m_cysh dl:nth-child(4){width:360px;border-left: none;padding-left: 18px;}
.m_cysh dl:nth-child(2),.m_cysh dl:nth-child(5){width:400px;}
.m_cysh dl:nth-child(3),.m_cysh dl:nth-child(6){width:360px;}
.m_cysh dl:nth-child(4),.m_cysh dl:nth-child(5),.m_cysh dl:nth-child(6){border-bottom: none;}
.m_cysh dt{float: left;width:82px;height: 82px;margin-right: 10px;}
.m_cysh dd{float: left;width:200px;}
.m_cysh h3{line-height: 42px;font-size:28px;color:#3c424e;}
.m_cysh p{font-family: "Microsoft Yahei";line-height: 30px;font-size:16px;color:#3c424e;}
.m_cysh dl:hover dt,.m_cysh dl:hover dt{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear; }

.g_mxsj{background: url(../images/pp_bzbg.jpg) no-repeat center 0; height: 750px;padding-top: 84px;box-sizing: border-box;}
.g_mxsj h2{height: 80px;text-align: center;font-size:48px;color:#3c424e;line-height: 80px;font-weight: normal;}
.g_mxsj h3{position: absolute;left:418px;top:524px;font-size:36px;color: #fff;font-weight: normal;}
.g_mxsj li{position: absolute;background: #f15829;border-radius: 50%;font-size:36px;color:#fff;text-align: center;line-height: 46px; padding-top: 68px;box-sizing: border-box;}
.g_mxsj li:nth-child(1){width:236px;height: 236px;left:147px;top:274px;}
.g_mxsj li:nth-child(2){width:222px;height: 222px;left:400px;top:122px;}
.g_mxsj li:nth-child(3){width:236px;height: 236px;left:797px;top:260px;}
.g_mxsj li:nth-child(1):before{content:"";position: absolute;width:200px;height: 200px;border:2px solid #fff;border-radius: 50%;left:16px;top:16px;}
.g_mxsj li:nth-child(2):before{content:"";position: absolute;width:200px;height: 200px;border:2px solid #fff;border-radius: 50%;left:10px;top:10px;}
.g_mxsj li:nth-child(3):before{content:"";position: absolute;width:200px;height: 200px;border:2px solid #fff;border-radius: 50%;left:16px;top:16px;}
.g_mxsj li:hover,.g_mxsj li:hover dt{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear; }

.g_jskf{background: url(../images/pp_jhbg.jpg) no-repeat center 0; height: 799px;padding-top: 100px;box-sizing: border-box;}
.g_jskf h2{height: 192px;font-size:48px;color:#3c424e;line-height: 66px;font-weight: normal;}
.g_jskf h2 em{display: block;font-size:56px;color:#3c424e;}
.g_jskf ul{width:800px;}
.g_jskf li{float: left;width:245px;height: 194px;background: #fff;border-radius: 10px;margin:0 20px 20px 0;padding-top: 38px;box-sizing: border-box;padding: 40px 0 0 0;font-size:18px;color:#20405d;text-align: center;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;    font-family: 'Microsoft Yahei', Arial;}
.g_jskf li i{display: block;width:90px;margin:0 auto;}
.g_jskf li:hover{box-shadow: 0 0 10px 10px rgba( 0 , 0 , 0 , 0.1);}
.g_jskf li:hover i,.g_jskf li:hover i{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear; }

.g_ppjz{background: url(../images/pp_ppwhy.jpg) no-repeat center 0; height: 850px;padding-top: 86px;box-sizing: border-box;font-family: "Microsoft Yahei"}
.g_ppjz h2{height: 70px;font-size:48px;color:#3c424e;font-weight: normal;text-align: center;margin-bottom: 538px;}
.g_ppjz dl{position: absolute;box-sizing: border-box;text-align: center;}
.g_ppjz dl:nth-child(1){width:266px;left:-20px;top:246px;}
.g_ppjz dl:nth-child(2){width:246px;left:200px;top:328px;padding-top: 110px;}
.g_ppjz dl:nth-child(3){width:230px;left:385px;top:150px;}
.g_ppjz dl:nth-child(4){width:206px;left:560px;top:305px;padding-top: 58px;}
.g_ppjz dl:nth-child(5){width:232px;left:850px;top:345px;padding-top: 82px;}
.g_ppjz dl:nth-child(6){width:180px;left:942px;top:130px;}
.g_ppjz dt{position: absolute;width:70px;height: 70px;overflow: hidden;}
.g_ppjz dl:nth-child(1) dt{left:60px;top:160px;}
.g_ppjz dl:nth-child(2) dt{left:72px;top:3px;}
.g_ppjz dl:nth-child(3) dt{left:90px;top:100px;}
.g_ppjz dl:nth-child(4) dt{left:153px;top:0;}
.g_ppjz dl:nth-child(5) dt{left:70px;top:0;}
.g_ppjz dl:nth-child(6) dt{left:125px;top:116px;}
.g_ppjz dt img{width:140px;height: 70px;display: block;}
.g_ppjz h3{height: 88px;font-size:36px;color:#3c424e;text-align: center;line-height: 66px;}
.g_ppjz h3 b{font-size:72px;color:#3c424e;position: relative;top:5px;}
.g_ppjz p{font-size:18px;color:#3c424e;font-family: "Microsoft Yahei"}
.g_ppjz dl:hover dt img{margin-left: -70px;}
.g_ppjz dl:hover dt{-webkit-animation:bounceIn 0.75s linear;animation:bounceIn 0.75s linear;}
.g_ppjz dl:hover h3,.g_ppjz dl:hover b{color:#f1592a;}

.ppjzbtn a{display: block;width:31%;height: 2.5rem;line-height: 2.5rem;background: #f1592a;border-radius: 45px;text-align: center;font-size:1rem;color:#fff;margin:0 auto;z-index:1;position:relative;}
.ppjzbtn a span{display:block;position:relative;z-index:2}
.ppjzbtn a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:45px;background:#142f82;transform:scale(.1,1);transition:.4s;opacity:0;z-index:0;color:#fff}
.ppjzbtn a:hover{color:#fff;}
.ppjzbtn a:hover:after{transform:scale(1);transition:.4s;opacity:1}
.g_ppcho{padding: 87px 2.5% 80px;}
.g_ppcho h2{height: 76px; line-height: 76px; font-size:48px;color:#3c424e;font-weight: normal;text-align: center;margin-bottom: 30px;}
.g_ppcho li{float: left;width:32.8%;margin:0 0.8% 0.8rem 0;position: relative;}
.g_ppcho li:nth-child(3n){margin-right: 0;}
.g_ppcho li i{width:100%;display: block;overflow: hidden;}
.g_ppcho li i img{width:100%;display: block;transition: all 0.3s linear 0s;}
.g_ppcho li em{position: absolute;left:0;top:0;width:100%;overflow: hidden;}
.g_ppcho li em img{width:100%;display: block;transition: all 0.3s linear 0s;}
.g_ppcho li:hover em img,.g_ppcho li:hover i img{transform: scale(1.1);}

/* --------------------    牛商网内页-品牌落地页结束    ------------------------- */



/* --------------------    牛商网内页-新零售商业营销     ------------------------- */
.xls_webox_w{padding: 0 80px 52px;}
.xls_hydc{background: url(../images/xls_hydcbg.jpg) no-repeat center 0; height: 889px;padding-top: 215px;box-sizing: border-box;}
.xls_hydc .jyz_nytil{text-align: left;}
.xls_hydc_w{width:555px;padding: 40px 0 0;}
.xls_hydc_p{right: -10px;top: 0;}
.xls_hydc_p span{position: absolute;top: 32px;right: -38px;display: inline-block;background: url(../images/xls_ico1.png) no-repeat 0 center;line-height: 58px;color: #333;padding:0 0 0 12px;width: 160px;white-space: nowrap;font-size: 16px;}
.xls_hydc_p span:nth-child(2){background-position: right center;padding: 0 12px 0 0;left: -38px;top: 385px;}


.xls_plan{background: url(../images/xls_planbg.jpg) no-repeat center 0; height:923px;padding:96px 0;box-sizing: border-box;background-attachment:fixed;color: #fff;}
.xls_plan .jyz_nytil{color: #fff;}
.xls_plan li{width: 645px;height: 146px;clear: both;text-align: right;position: relative;}
.xls_plan li::before{content: "";position: absolute;width: 1px;height: 111px;top: 74px;right: 32px;background: rgba(255 , 255 , 255 , 0.4);}
.xls_plan li:nth-child(2n):before{left: 58px;}
.xls_plan li:last-child:before{width: 0;height: 0;}
.xls_plan li:nth-child(2n){float: right;text-align: left;}
.xls_plan li b{display: block;font-family:"wrjz","Microsoft Yahei";font-weight: normal;line-height:38px;font-size: 24px;padding-top: 25px;}
.xls_plan li span{width: 180px;float: right;margin-left: 30px;}
.xls_plan li span b{float: right;text-align:center;font-family:'rubrik';width: 65px;line-height: 114px;font-size: 36px;padding: 0;}
.xls_plan li:nth-child(2n) span{float: left;margin-right: 30px;}
.xls_plan li:nth-child(2n) span b{float: left;}

.xls_edge{position: relative;padding: 75px 0 100px;z-index: 1;}
.xls_edge .jyz_nytil{padding: 0 0 160px;}
.xls_edge:before{content: "";position: absolute;width:100%;height: 1588px;bottom:0;left:0;background:#f0f5f8;z-index: -1;}
.xls_edge_c dl{width: 554px;background: #fff;float: left;margin-bottom: 46px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.xls_edge_c dl:nth-child(2n){margin-left:92px;margin-top: 58px;}
.xls_edge_c dl:nth-child(3){margin-top:-52px;}
.xls_edge_c dl:nth-child(4){margin-top:0;}
.xls_edge_c dt,.xls_edge_c dt img{width: 554px;height: 373px;display: block;overflow: hidden;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.xls_edge_c dd{box-sizing:border-box;height: 257px;background: #fff;padding: 30px 52px 0;position: relative;z-index: 1;}
.xls_edge_c dd em{position: absolute;font-family:'rubrik';top: 0;right:0;text-align: center;font-size: 112px;line-height: 180px;color: #efefef;z-index: -1;width: 250px;}
.xls_edge_c dd h4{font-family:"wrjz","Microsoft Yahei";font-weight: normal;line-height:72px;font-size: 28px;color: #333;}
.xls_edge_c dl:hover,.jhb_shrq_c li:hover{box-shadow: 0 0 10px 10px rgba( 0 , 0 , 0 , 0.1);}
.xls_edge_c dl:hover dt img,.jhb_shrq_c li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.xls_case{padding: 80px 0;}
.xls_case .jyz_casecon dl{padding: 0 18px;}

/* --------------------    牛商网内页-全网高增长精华班     ------------------------- */

.jhb_webox{background: url(../images/jhb_weboxbg.jpg) no-repeat center 0; height: 800px;font-size: 18px;line-height: 34px;}
.jhb_webox_w{width: 590px;padding: 124px 10px 0 0;}
.jhb_webox_w1{padding: 0 0 36px;}
.jhb_webox_w2 span{display: block;padding: 42px 0 0;}
.jhb_webox_w2 span a,.jhb_rhxx_l dd span a{display: inline-block;width: 200px;line-height: 60px;background: #f1592a;color: #fff;border-radius: 30px;text-align:center;}
.jhb_webox_w2 p{padding: 0 0 0 35px;background: url(../images/jhb_ico1.png) no-repeat 0 center;padding: 0 0 0 36px;font-size: 28px;line-height: 56px;color: #333;font-family:"wrjz","Microsoft Yahei";}

.jhb_shrq{background: #f0f5f8;padding: 38px 0 120px;font-size: 24px;line-height: 38px;color: #fff;}
.jhb_shrq_c li{position: relative;float: left;}
.jhb_shrq_c li:nth-child(3n-1){margin: 0 28px;}
.jhb_shrq_c li,.jhb_shrq_c li p,.jhb_shrq_c p img{width:381px;height: 521px;border-radius: 9px;display: block;overflow: hidden;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.jhb_shrq_c li span{position: absolute;width: 317px;height: 105px;left: 0;bottom: 0;padding: 0 32px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.jhb_shrq_c li:hover span{bottom: 10px;}

.jhb_jjwt{padding: 96px 0 100px;font-size: 18px;line-height: 30px;}
.jhb_jjwt_p{right: -120px;top: 296px;}
.jhb_jjwt_w li{height: 110px;}
.jhb_jjwt_w li b{width: 90px;float: left;padding: 0 24px 0 0;}
.jhb_jjwt_w li p span{display: block;font-family:"wrjz","Microsoft Yahei";font-size: 28px;line-height: 42px;padding: 10px 0 0;color: #3c424e;}

.jhb_rhyh{background: url(../images/jhb_rhyhbg.jpg) no-repeat center 0;padding: 76px 0 50px;font-size: 18px;line-height: 30px;color: #3c424e;}
.jhb_rhyh_con{height: 610px;box-shadow: 0 0 10px 10px rgba( 0 , 0 , 0 , 0.1);border-radius: 8px;overflow: hidden;}
.jhb_rhyh_c1{width: 300px;height: 610px;float: left;background: #f5f9fc;box-sizing:border-box;}
.jhb_rhyh_c1:last-child{border: 0;}
.jhb_rhyh_c1 h4{font-weight: normal;font-size: 20px;line-height: 28px;color: #fff;height: 129px;background: #8e9aad;padding: 30px 28px 0;border-right: solid 1px rgba( 255 , 255 , 255 , 0.1);}
.jhb_rhyh_c1 h4 span{display: block;height: 78px;}
.jhb_rhyh_c1 h4 em{display: block;font-family:'rubrik';font-size: 70px;opacity: 0.2;line-height: 60px;}
.jhb_rhyh_c1 li{height: 151px;position: relative;box-sizing:border-box;padding: 45px 50px 0 30px;border-right: solid 1px rgba( 0 , 0 , 0 , 0.05);}
.jhb_rhyh_c1 li:before{content: "";position: absolute;width:100%;left:50%;height: 1px;background: rgba( 0 , 0 , 0 , 0.2);bottom: 0;transform: translateX(-50%); transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}
.jhb_rhyh_c1.cur,.jhb_rhyh_c1:hover{background: #fff;box-shadow: 0 0 10px 10px rgba( 0 , 0 , 0 , 0.1);position: relative;}
.jhb_rhyh_c1.cur h4,.jhb_rhyh_c1:hover h4{background: #f15829;}
.jhb_rhyh_c1.cur li:before,.jhb_rhyh_c1:hover li:before{width: 80%;}

.jhb_jst{padding: 50px 0 100px;position: relative;}
.jhb_jst_c{height: 550px;margin-bottom: 32px;}
.jhb_jst_c dl{height: 550px;position: relative;z-index: 1;}
.jhb_jst_c dl:before{content: "";position: absolute;width:1200px;height: 420px;bottom:0;left:0;background:#edf2f4;z-index: -1;}
.jhb_jst_c dt,.jhb_jst_c dt img{width: 600px;height: 550px;display: block;float: left;}
.jhb_jst_c dd{width: 458px;float: left;padding: 206px 0 0;color: #333;line-height: 24px;font-family: "Microsoft Yahei"}
.jhb_jst_c dd h4{height: 107px;margin-bottom: 30px;position: relative;font-size: 18px;line-height: 34px;font-weight: normal;color: #6e7379;}
.jhb_jst_c dd h4 b{display: block;font-weight: normal;font-size: 28px;font-family:"wrjz","Microsoft Yahei";line-height:52px;color: #333;}
.jhb_jst_c dd h4:before{content: "";position: absolute;width:228px;height: 3px;bottom:0;left:0;background:#f42f15;}

.jhb_jst_t{height: 136px;}
.jhb_jst_t li{width: 292px;height: 136px;float: left;margin: 0 10px 0 0;box-sizing:border-box;padding: 20px 0 0 26px;}
.jhb_jst_t li:last-child{margin: 0;}
.jhb_jst_t li b,.jhb_jst_t li b img{width:95px;height: 95px;display: block;float: left;border-radius: 95px;overflow: hidden;}
.jhb_jst_t li p{float: left;padding: 0 0 0 24px;width: 130px;}
.jhb_jst_t li p span{display: block;height: 40px;font-size: 18px;line-height: 36px;color: #333;}
.jhb_jst_t li.cur{box-shadow: 0 0 10px 10px rgba( 0 , 0 , 0 , 0.1);}

.jhb_jst_yshd{position: absolute;right: 0;top:690px;width:140px;height: 25px;z-index: 2;}
.jhb_jst_yshd li{width: 14px;height: 14px;background: #d2e1f6;border-radius: 14px;float: left;margin-right: 11px;}
.jhb_jst_yshd li.cur{background: #f9651f;}

.jhb_xyfx{background: #f0f5f8;padding: 90px 0;}
.jyz_xyfx_con{height: 534px;overflow: hidden;}
.jyz_xyfx_cl{padding: 10px!important;}
.jyz_xyfx_con li{float: left;box-shadow: 0 3px 5px 5px rgba( 0 , 0 , 0 , 0.1);margin: 0 46px 0 0;}
.jyz_xyfx_con li:last-child{margin: 0;}
.jyz_xyfx_con li,.jyz_xyfx_con li img{width: 255px;height: 456px;border-radius: 41px;}

.jhb_kcxc{padding:75px 0 110px;width: 80%;min-width: 1200px;max-width: 1534px;margin: 0 auto;}
.jhb_kcxc_c1 li{float: left;width:26.86%;border-radius:3px;margin: 0 1.14% 15px 0;}
.jhb_kcxc_c1 li:nth-child(2){width:44%;}
.jhb_kcxc_c1 li:nth-child(4),.jhb_kcxc_c1 li:nth-child(5),.jhb_kcxc_c1 li:nth-child(6),.jhb_kcxc_c1 h3{width:24.38%;margin-bottom: 0;}
.jhb_kcxc_c1 li:nth-child(3n){margin-right: 0;}
.jhb_kcxc_c1 li:nth-child(6){margin-left:24.22%;}
.jhb_kcxc_c1 li img{width: 100%;display: block;}
.jhb_kcxc_c1 h3{height: 46%;background: #204f97;color: #fff;bottom: 0;right: 25.22%;position: absolute;border-radius:3px;font-weight: normal;font-size: 16px;line-height: 36px;padding: 44px 0 0 40px;box-sizing:border-box;}
.jhb_kcxc_c1 h3 span{display: block;font-size: 42px;line-height: 60px;}
.jhb_kcxc_t{width:24.38%;bottom: 0;right: 25.22%;height:62px;z-index: 2;}
.jhb_kcxc_t em{width: 15px;height: 15px;border-radius: 15px;background: #f2f2f2;margin: 0 0 0 12px;display: inline-block;}
.jhb_kcxc_t em:first-child{margin: 0 0 0 42px;}
.jhb_kcxc_t em.cur{background: #f9651f;}

.jhb_rhxx{background: #f0f5f8;font-size: 18px;line-height: 28px;color: #3c424e;padding: 80px 0 100px;}
.jhb_rhxx_l dl{width: 586px;height: 380px;float: left;background: #fff;border-radius: 10px;box-sizing:border-box;padding: 42px 57px;}
.jhb_rhxx_l dl:nth-child(2){margin-left: 28px;}
.jhb_rhxx_l .nytil01{font-size: 28px;line-height: 46px;padding-bottom: 20px;margin-bottom: 15px;}
.jhb_rhxx_l dt{height: 182px;}
.jhb_rhxx_l dd span img{width: 122px;height: 122px;display: block;}
.jhb_rhxx_pho{height: 52px;line-height: 46px;}
.jhb_rhxx_pho b{font-family:'rubrik';font-size: 28px;padding: 0 0 0 5px;font-weight: normal;}

/* --------------------    渠道合作     ------------------------- */
.qdhz_webox{padding: 84px 0 100px;text-align:center;}
.qdhz_webox .nytil01{margin-bottom: 20px;}
.qdhz_webox_w{height: 156px;padding: 0 150px;}
.qdhz_webox_l{height: 273px;}
.qdhz_webox_l li{float: left;width: 210px;height: 210px;box-sizing:border-box;margin-left: -12px;}
.qdhz_webox_l li:after{content: "";position: absolute;width:210px;height: 210px;top:0;left:0;background: url(../images/qdhz_webox_lbg1.png) no-repeat center 0;opacity:1;}
.qdhz_webox_l li:before{content: "";position: absolute;width:210px;height: 210px;top:0;left:0;background: url(../images/qdhz_webox_lbg2.png) no-repeat center 0;opacity:0;}
.qdhz_webox_l li:first-child{margin: 0;}
.qdhz_webox_l li:nth-child(2n-1):before,.qdhz_webox_l li:nth-child(2n-1):after{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.qdhz_webox_l li span{display: block;padding: 64px 0 0;font-size: 26px;line-height: 50px;color: #333;font-weight: bold;}
.qdhz_webox_l li span b{font-family:'rubrik';font-size:40px;}
.qdhz_webox_l li:hover,.qdhz_webox_l li:hover span{color: #f25123;}
.qdhz_webox_l li:hover:after{opacity:0;}
.qdhz_webox_l li:hover:before{opacity:1;
	-webkit-animation: spinAround 9s linear infinite;
  animation: spinAround 9s linear infinite;}
.qdhz_webox_span{display: block;width: 664px;line-height: 88px;margin: 0 auto;border-radius: 44px;text-align:center;background: #f25123;color: #fff;font-size: 24px;}

.qdhz_hxys{background: #f4f6fb;text-align: center;padding: 85px 0;}
.qdhz_hxys_c li{width:294px;height: 304px;background: #fff;border-radius: 5px;float: left;margin: 0 22px 22px 0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;padding: 0 45px;}
.qdhz_hxys_c li:nth-child(3n){margin-right: 0;}
.qdhz_hxys_c li:nth-child(4){clear: both;}
.qdhz_hxys_c li span{display: block;width: 74px;height: 64px;margin:60px auto 10px;}
.qdhz_hxys_c li b{display: block;font-size: 24px;line-height: 44px;color: #333;font-weight: normal;}
.qdhz_hxys_c li:hover,.jy-bt ul li:hover{box-shadow: 0 0 10px 10px rgba( 0 , 0 , 0 , 0.1);margin-top: -10px;}

.qdhz_zczc{background: url(../images/qdhz_zczcbg.jpg) no-repeat center 0; background-attachment:fixed;padding: 86px 0;text-align: center;}
.qdhz_zczc_c dl{width: 380px;height: 318px;background: #fff;border-radius: 5px;float: left;margin: 0 30px 30px 0;box-sizing:border-box;position: relative;overflow: hidden;}
.qdhz_zczc_c dl:nth-child(3n){margin-right: 0;}
.qdhz_zczc_c dt{padding: 75px 0 0;position: relative;}
.qdhz_zczc_c dt span{width: 82px;height: 82px;display: block;margin:0 auto;}
.qdhz_zczc_c dt em{font-size: 20px;color: #dfdfdf;left: 0;top:20px;width: 60px;position: absolute;z-index: 2;}
.qdhz_zczc_c dt p b{display: block;font-size: 28px;line-height:44px;font-family:"wrjz","Microsoft Yahei";font-weight: normal;color: #333;}
.qdhz_zczc_c dd{position: absolute;width: 380px;height: 0;left: 0;bottom: 0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;background: rgba(255, 255 , 255 , 0.95);z-index: 1;}
.qdhz_zczc_c dl:before{content: "";position: absolute;width:380px;height:0;bottom:0;left:0;background:#f1592a;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.qdhz_zczc_c dl:hover,.qdhz_xsg_c1 li:hover{box-shadow: 0 0 10px 10px rgba( 0 , 0 , 0 , 0.1);}
.qdhz_zczc_c dl:hover:before{height:4px;}
.qdhz_zczc_c dl:hover dt p{display: none;}
.qdhz_zczc_c dl:hover dd{height:280px;}
.qdhz_zczc_c dl:hover dd h4{font-size: 24px;color: #f1592a;line-height:70px;padding: 22px 0 0;margin-bottom: 20px;font-weight: normal;position: relative;}
.qdhz_zczc_c dl:hover dd h4:before{content: "";position: absolute;width:30px;height:4px;bottom:0;left:50%;margin-left: -15px;background:#fbddd4;}
.qdhz_zczc_c dl:hover dd p{padding: 0 42px;}

.qdhz_zczc_more{clear: both;font-family:"wrjz","Microsoft Yahei";font-size: 24px;padding: 16px 0 0;text-align: center;}
.qdhz_zczc_more a{display: inline-block;width: 350px;line-height: 88px;border-radius: 44px;background: #f25123;color: #fff;}






.qdhz_sdhl{padding: 90px 0;}
.qdhz_sdhl_c{background: url(../images/qdhz_sdhl.jpg) no-repeat center;height: 630px;position: relative;}
.qdhz_sdhl_cw{position: absolute;width: 442px;height: 177px;box-sizing:border-box;padding: 27px 18px 0;top: 102px;right: -24px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.qdhz_sdhl_cw em{position: absolute;width: 170px;right: 0;top:-40px;line-height: 94px;height: 94px;font-family:'rubrik';font-size:40px;color: #f1592a;font-size: 80px;text-align: center;display: none;}
.qdhz_sdhl_cw span{display: block;font-size: 24px;line-height: 47px;color: #333;}
.qdhz_sdhl_cw p{width: 362px;}
.qdhz_sdhl_c1,.qdhz_sdhl_c3{text-align: right;left: -24px;}
.qdhz_sdhl_c1 em,.qdhz_sdhl_c3 em{left:0;}
.qdhz_sdhl_c1 p,.qdhz_sdhl_c3 p{float: right;}
.qdhz_sdhl_c4,.qdhz_sdhl_c3{top:342px;}
.qdhz_sdhl_cw:hover,.qdhz_sdhl_cw.cur{background: #fff;border-bottom: 2px solid #f25123;padding: 27px 40px 0;box-shadow: 0 0 6px 6px rgba( 0 , 0 , 0 , 0.1);}
.qdhz_sdhl_cw:hover em,.qdhz_sdhl_cw.cur em{display: block;}
.qdhz_sdhl_cw:hover span,.qdhz_sdhl_cw.cur span{color: #f25123;}

.qdhz_xsg{background: url(../images/qdhz_xsgbg.jpg) no-repeat center 0; background-attachment:fixed;padding: 92px 0;}
.qdhz_xsg_c{height: 588px;}
.qdhz_xsg_p,.qdhz_xsg_n{width: 53px;height: 53px;cursor: pointer;top: 244px;display: block;right: -90px;z-index: 8;}
.qdhz_xsg_p{left: -90px;}
.qdhz_xsg_c1 p{position: absolute;top: 0;left: 414px;}
.qdhz_xsg_c1 li,.qdhz_xsg_c1 p{background: #fff;padding: 10px;display: block;float: left;margin-bottom: 39px;}
.qdhz_xsg_c1 li span,.qdhz_xsg_c1 li span img{width: 354px;height: 232px;display: block;overflow: hidden;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.qdhz_xsg_c1 ul li:nth-child(2n){margin-left:452px;}
.qdhz_xsg_c1 p span,.qdhz_xsg_c1 p span img{width: 352px;height: 524px;display: block;overflow: hidden;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.qdhz_xsg_c1 li:hover span img,.qdhz_xsg_c1 p:hover span img{-webkit-transform:scale(1.025);-moz-transform:scale(1.025);-ms-transform:scale(1.025);transform:scale(1.025);}


/*----------------------------牛商网内页-云产品-加页----------------------------------------------*/
.clearfix:after{height: 0;content: "";clear: both;display: block;}

.abo-jy{padding:57px 0 68px;}
.abo-jy h3{height:131px; line-height: 131px; text-align: center;margin-bottom: 31px;font-size: 48px;color:#333;font-family: "wrjz","Microsoft Yahei";position: relative;}
.abo-jy h3:before{content: "";position: absolute;width:29px;height:4px;bottom:0;left:50%;background:#f2592d;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}
.abo-jy h3:hover:before{width:100px;}
.abo-jy .abo-desc{line-height: 35px; font-size: 18px; color:#333; text-align: center; margin-bottom: 41px;}
.abo-jy .abo-pic{width:939px;margin:0 auto;line-height: 0;}
.abo-jy .abo-pic img{width: 100%; height:100%;}

.jy-zsm{padding:56px 0 80px;background:#f0f5f8;}
.jy-zsm h3{height:131px; line-height: 131px; text-align: center;margin-bottom: 60px;font-size: 48px;color:#333;font-family: "wrjz","Microsoft Yahei";position: relative;}
.jy-zsm h3:before{content: "";position: absolute;width:29px;height:4px;bottom:0;left:50%;background:#f2592d;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}
.jy-zsm h3:hover:before{width:100px;}
.jy-zsm ul li{float:left;width:590px; height:280px;background:#FFF;margin-bottom: 20px;box-shadow: 0px 24px 44px 10px rgba(230, 232, 238, 0.56);position: relative;}
.jy-zsm ul li:nth-child(2n){float:right;}
.jy-zsm ul li dl dt{display: block;width:290px; float:left;padding:57px 0 0 60px; box-sizing: border-box;}
.jy-zsm ul li dl dt span{display: block; height:58px; line-height: 58px;font-size: 32px; color:#333;font-family: "wrjz","Microsoft Yahei";margin-bottom: 8px;position: relative;}
.jy-zsm ul li dl dt p{line-height: 30px; font-size: 18px; color:#6e7379; transition: .8s;position: absolute;}
.jy-zsm ul li dl dt em{display: block; width:473px; font-size: 18px; color:#6e7379; line-height: 30px;transition: .8s;margin-top:20px; opacity: 0;position: absolute; z-index:200;}
.jy-zsm ul li dl dd{width:300px;float:right;line-height: 0; }
.jy-zsm ul li dl dd img{width: 100%;}
.jy-zsm ul li:before{opacity:0;width:100%; height:280px;background:#FFF; content:""; position: absolute; left:0;top:0; transition: .5s;}
.jy-zsm ul li:hover:before{ opacity: 1;}
.jy-zsm ul li:hover p{opacity: 0; }
.jy-zsm ul li:hover em{margin-top:0; opacity: 1;}

.jy-bt{height:828px;background: url(../images/jy-bt.jpg) no-repeat center;}
.jy-bt .yzbt{padding-top:56px;}
.jy-bt h3{height:131px; line-height: 131px; text-align: center;margin-bottom: 50px;font-size: 48px;color:#FFF;font-family: "wrjz","Microsoft Yahei";position: relative;}
.jy-bt h3:before{content: "";position: absolute;width:29px;height:4px;bottom:0;left:50%;background:#f2592d;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}
.jy-bt h3:hover:before{width:100px;}
.jy-bt ul li{float:left; width:385px; height:490px;background:#FFF; margin-left: 22px;padding:53px 0 0 59px; box-sizing: border-box;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.jy-bt ul li em{display: block; height:96px; line-height: 96px;padding-right:60px;font-size: 100px; color:#273B8B; font-family:'rubrik';}
.jy-bt ul li em img{float:right; margin-top: 10px; display: block;}
.jy-bt ul li span{display: block; height:45px; line-height: 45px; font-size: 28px; color:#333333;font-family: "wrjz","Microsoft Yahei"; margin-bottom: 30px; }
.jy-bt ul li p i{display: block; height:37px; line-height: 37px;padding-left:21px;background: url(../images/jy-yd.png) no-repeat left;font-size: 18px; color:#333333;}
.jy-bt ul li:first-child{margin-left: 0;}

.jy-zsm{padding:56px 0 80px;background:#f0f5f8;}
.jy-zsm h3{height:131px; line-height: 131px; text-align: center;margin-bottom: 60px;font-size: 48px;color:#333;font-family: "wrjz","Microsoft Yahei";position: relative;}
.jy-zsm h3:before{content: "";position: absolute;width:29px;height:4px;bottom:0;left:50%;background:#f2592d;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}
.jy-zsm h3:hover:before{width:100px;}
.jy-zsm ul li{float:left;width:590px; height:280px;background:#FFF;margin-bottom: 20px;box-shadow: 0px 24px 44px 10px rgba(230, 232, 238, 0.56);position: relative;}
.jy-zsm ul li:nth-child(2n){float:right;}
.jy-zsm ul li dl dt{display: block;width:290px; float:left;padding:57px 0 0 60px; box-sizing: border-box;}
.jy-zsm ul li dl dt span{display: block; height:58px; line-height: 58px;font-size: 32px; color:#333;font-family: "wrjz","Microsoft Yahei";margin-bottom: 8px;position: relative;}
.jy-zsm ul li dl dt p{line-height: 30px; font-size: 18px; color:#6e7379; transition: .8s;position: absolute;}
.jy-zsm ul li dl dt em{display: block; width:473px; font-size: 18px; color:#6e7379; line-height: 30px;transition: .8s;margin-top:20px; opacity: 0;position: absolute; z-index:200;}
.jy-zsm ul li dl dd{width:300px;float:right;line-height: 0; }
.jy-zsm ul li dl dd img{width: 100%;}
.jy-zsm ul li:before{opacity:0;width:100%; height:280px;background:#FFF; content:""; position: absolute; left:0;top:0; transition: .5s;}
.jy-zsm ul li:hover:before{ opacity: 1;}
.jy-zsm ul li:hover p{opacity: 0; }
.jy-zsm ul li:hover em{margin-top:0; opacity: 1;}

.jy-bt{height:828px;background:url(../images/jy-bt.jpg) no-repeat center;}
.jy-bt .yzbt{padding-top:56px;}
.jy-bt h3{height:131px; line-height: 131px; text-align: center;margin-bottom: 50px;font-size: 48px;color:#FFF;font-family: "wrjz","Microsoft Yahei";position: relative;}
.jy-bt h3:before{content: "";position: absolute;width:29px;height:4px;bottom:0;left:50%;background:#f2592d;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}
.jy-bt h3:hover:before{width:100px;}
.jy-bt ul li{float:left; width:385px; height:490px;background:#FFF; margin-left: 22px;padding:53px 0 0 59px; box-sizing: border-box;}
.jy-bt ul li em{display: block; height:96px; line-height: 96px;padding-right:60px;font-size: 100px; color:#273B8B; font-family:'rubrik';}
.jy-bt ul li em img{float:right; margin-top: 10px; display: block;}
.jy-bt ul li span{display: block; height:45px; line-height: 45px; font-size: 28px; color:#333333;font-family: "wrjz","Microsoft Yahei"; margin-bottom: 30px; }
.jy-bt ul li p i{display: block; height:37px; line-height: 37px;padding-left:21px;background:url(../images/jy-yd.png) no-repeat left;font-size: 18px; color:#333333;}
.jy-bt ul li:first-child{margin-left: 0;}

.jy-zlsm{background:#F0F5F8;padding:56px 0 100px;}
.jy-zlsm h3{height:131px; line-height: 131px; text-align: center;font-size: 48px;color:#333;font-family: "wrjz","Microsoft Yahei";position: relative;}
.jy-zlsm h3:before{content: "";position: absolute;width:29px;height:4px;bottom:0;left:50%;background:#f2592d;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}
.jy-zlsm h3:hover:before{width:100px;}
.jy-zlsm p{height:97px; line-height: 97px; text-align: center; font-size: 18px; color:#333333; margin-bottom: 10px; letter-spacing: 2px;}
.jy-zlsm ul{margin-bottom: 25px;}
.jy-zlsm ul li{float:left;width:380px;margin:0 0 35px 30px;}
.jy-zlsm ul li:first-child,.jy-zlsm ul li:nth-child(4){margin-left: 0;}
.jy-zlsm ul li dl dt{height:195px; line-height: 0; overflow: hidden;position: relative;
    -webkit-animation: scrollToUp 0 linear infinite;
    animation: scrollToUp 0 linear infinite;
}
.jy-zlsm ul li:hover dl dt{ -webkit-animation: scrollToUp 8.5s linear infinite; /* 引入 scrollToUp动画  linear 表示匀速执行动画可避免卡顿*/
    animation: scrollToUp 8.5s linear infinite;}
@-webkit-keyframes scrollToUp {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -990px;
    }
}
@keyframes scrollToUp {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -990px;
    }
}

.jy-zlsm ul li dl dt img{width:100%; transition: 1s;}
.jy-zlsm ul li dl dt .hover{width:100%; height:100%; background:rgba(0,0,0,0.6);position: absolute; left:0;top:0; display:none; transition: .8s;padding-top:84px; box-sizing: border-box; overflow: hidden;}
.jy-zlsm ul li dl dt .hover i{display: block; width:36px; height:25px;background:url(../images/jy-zsmico2.png) no-repeat center;margin:0 auto;}
.jy-zlsm ul li dl dd{height:70px; background:#FFF;padding:0 30px 0 24px; box-sizing: border-box;}
.jy-zlsm ul li dl dd h4{height:70px; line-height: 70px;}
.jy-zlsm ul li dl dd h4 a{display: block; height:70px;background:url(../images/jy-zsmico1.png) no-repeat right; }
.jy-zlsm ul li:hover dl dd h4 a{background: 0;}
.jy-zlsm ul li dl dd h4 i{display: inline-block; height:70px; margin-right: 10px;font-size: 14px; color:#6E7379;font-weight: normal;}
.jy-zlsm ul li:hover .hover{ display:block}
.jy-zlsm ul li:hover dl dt img{opacity: 0;}
.jy-zlsm  .jy_more{display: block;width: 244px;line-height: 70px;text-align: center;border-radius: 36px;border: solid 2px #f1592a;margin:0 auto;font-size: 16px;color: #000;position: relative;overflow: hidden;z-index: 1;}
.jy-zlsm  .jy_more:before{content: "";position: absolute;width:380px;height:0;background:#f1592a;top:-50px;left:-50px;-webkit-transform: rotate(45deg);transform: rotate(45deg);z-index: -1;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.jy-zlsm  .jy_more:hover:before{height: 400px;}

.jy-case{height:758px; background:url(../images/jy-casebj.jpg) no-repeat center;padding-top:56px; box-sizing: border-box;}
.jy-case h3{height:131px; line-height: 131px; text-align: center;font-size: 48px;color:#333;margin-bottom: 50px;font-family: "wrjz","Microsoft Yahei";position: relative;}
.jy-case h3:before{content: "";position: absolute;width:29px;height:4px;bottom:0;left:50%;background:#f2592d;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1);}
.jy-case h3:hover:before{width:100px;}
.jy-case .jy-case-list{position: relative;}
.jy-case .jy-case-list dl{height:420px;background:#FFF;}
.jy-case .jy-case-list dl dt{float:right; width:560px; height: 420px;overflow: hidden;position: relative;
    -webkit-animation: scrollToUp 0 linear infinite;
    animation: scrollToUp 0 linear infinite;}
.jy-case .jy-case-list dl dt img{width:100%; transition: .5s;}
.jy-case .jy-case-list dl dt .hover{width:100%; height:100%;background:rgba(0,0,0,0.6);padding-top:194px; box-sizing: border-box; position: absolute; left:0;top:0;  display:none; transition: .8s; }
.jy-case .jy-case-list dl dt .hover i{display: block; width:48px; height:34px; margin:0 auto; background:url(../images/jy-zsmico3.png) no-repeat center;}
.jy-case .jy-case-list dl dd{float:left;width:640px;height:420px;padding:70px 64px 0 59px; box-sizing: border-box;}
.jy-case .jy-case-list dl dd h4{height:71px; line-height: 71px;font-size: 32px; color:#333333;font-family: "wrjz","Microsoft Yahei";margin-bottom: 9px;}
.jy-case .jy-case-list dl dd ul li{font-size:14px; color:#6e7379; font-family: "Adobe 黑体 Std";line-height: 33px;}
.jy-case .jy-case-list dl:hover .hover{ display:block}
.jy-case .jy-case-list .jy-jt i{display: block; width:60px; height:60px;cursor: pointer;}
.jy-case .jy-case-list .jy-jt .jy-case-prev{background:url(../images/jy-caseprev.png) no-repeat center; position: absolute; left:-110px;top:110px;}
.jy-case .jy-case-list .jy-jt .jy-case-next{background:url(../images/jy-casenext.png) no-repeat center; position: absolute; right:-110px;top:110px;}
.jy-case .jy-case-list dl:hover dt img{opacity: 0;}
.jy-case .jy-case-list dl:hover dt{ -webkit-animation: scrollToUp 8.5s linear infinite; /* 引入 scrollToUp动画  linear 表示匀速执行动画可避免卡顿*/
    animation: scrollToUp 8.5s linear infinite;}


/*------------------------------------ 短视频样式开始 ------------------------------------*/
.dsp_banner{background: url(../images/dspban.jpg) no-repeat center 0; height: 645px; overflow: hidden;}
.dsp_why{background: url(../images/sp_why.jpg) no-repeat center top; background-size: cover; height: 824px;}
.dsp_why .m_dspwhy{padding: 187px 0 0 560px;}
.dsp_why h2{height: 70px; line-height: 70px; font-size:48px;color:#3c424e;font-weight: normal;margin-bottom: 42px;}
.dsp_why ul{margin-bottom: 45px;}
.dsp_why li{position: relative;padding-left: 40px;line-height: 48px;font-size: 28px;color:#6e7379;}
.dsp_why li:before{content: "";position: absolute;background: url(../images/spico1.png) no-repeat;width:20px;height: 20px;left:0;top:12px; }

.dsp_why li:nth-child(1){animation-delay: 0.1s;}
.dsp_why li:nth-child(2){animation-delay: 0.2s;}
.dsp_why li:nth-child(3){animation-delay: 0.3s;}
.dspbtn1 a{display: block;width:200px;height: 60px;line-height: 60px;background: #f1592a;border-radius: 45px;text-align: center;font-size:18px;color:#fff;position: relative;font-family: "Microsoft Yahei"}
.dspbtn1 a span{display:block;position:relative;z-index:2}
.dspbtn1 a:after{content:"";position:absolute;top:0;left:0;width:200px;height:60px;border-radius:45px;background:#142f82;transform:scale(.1,1);transition:.4s;opacity:0;z-index:0;color:#fff}
.dspbtn1 a:hover{color:#fff;}
.dspbtn1 a:hover:after{transform:scale(1);transition:.4s;opacity:1}

.dsp_haoc{background: url(../images/sp_haobg.jpg) no-repeat center 0; height: 856px; padding-top: 80px;box-sizing: border-box; overflow: hidden;}
.dsp_haoc h2{height: 70px; line-height: 70px; font-size:48px;color:#3c424e;font-weight: normal;margin-bottom: 120px;text-align: center;}
.dsp_haoc dl{float: left;width:298px;height: 430px;background: #fff;border-radius: 5px;margin-right: 2px;padding-top: 35px;box-sizing: border-box;transition: all 0.3s linear 0s;}
.dsp_haoc dt{width:118px;height: 118px;margin:0 auto 27px;}
.dsp_haoc dt img{width:118px;height: 118px;display: block;}
.dsp_haoc h3{line-height: 42px;text-align: center;font-size: 28px;color:#333333;font-weight: normal;margin-bottom: 16px;}
.dsp_haoc p{font-size: 18px;color:#949494;padding: 0 26px;line-height: 34px;font-family: "Microsoft Yahei"}
.dsp_haoc dl:hover,.dsp_haoc .cur{transform: scale(1.1); box-shadow: 13px 0 32px rgba(0,0,0,.15);position: relative;}
.dsp_haoc dl:before{content: "";position: absolute;width:0;height: 4px;background: #ff4900;left:0;bottom: 0;border-radius:0 0 5px 5px;transition: all 0.3s linear 0s;}
.dsp_haoc dl:hover:before,.dsp_haoc .cur:before{width:100%;}
.dsp_zbk{background: url(../images/sp_zbkbg.jpg) no-repeat center 0; height: 983px; padding-top: 77px;box-sizing: border-box; overflow: hidden;}
.dsp_zbk h2{height: 90px; line-height: 90px; font-size:48px;color:#3c424e;font-weight: normal;margin-bottom: 22px;text-align: center;}
.m_sdpzbk:before{content: "";position: absolute;background: url(../images/spvs.png) no-repeat;width:104px;height: 104px;left:547px;top:-3px;}
.m_sdpzbk dl{float: left;width:600px;}
.m_sdpzbk dt{height: 80px;line-height: 80px;font-size: 28px;color:#fff;text-align: center;}
.m_sdpzbk dl:nth-child(1) dt{background: #f15829;border-radius: 10px 0 0 0;}
.m_sdpzbk dl:nth-child(2) dt{background: #8090a6;border-radius: 0 10px 0 0;}
.m_sdpzbk dd{margin-left: 20px;width:510px;}
.m_sdpzbk li{border-bottom: 1px solid #d3ddf3;padding: 20px 0 0 0;height: 100px;}
.m_sdpzbk li:nth-child(5){border-bottom: none;}
.m_sdpzbk li b{display: block;line-height: 38px;padding-left: 60px;background: url(../images/spico2.png) no-repeat 16px 0;font-size: 18px;color:#424b56;font-weight: normal;font-family: "Microsoft Yahei"}
.m_sdpzbk li em{display: block;padding-left: 60px;font-size: 14px;line-height: 24px;color:rgba(66,75,86,.7);font-family: "Microsoft Yahei"}
.m_sdpzbk .spvsr{background: url(../images/spico3.png) no-repeat 16px 0; }
.dsp_map{background: url(../images/sp_mapbg.jpg) no-repeat center 0; height: 810px; padding-top: 84px;box-sizing: border-box; overflow: hidden;}
.dsp_map h2{height: 70px; line-height: 70px; font-size:48px;color:#3c424e;font-weight: normal;margin-bottom: 80px;text-align: center;}
.m_spmap{margin-left: 670px;}
.m_spmap dl{height: 140px;border-bottom: 1px solid #cad5e9;margin-bottom: 21px;}
.m_spmap dl:nth-child(1){animation-delay: 0.1s;}
.m_spmap dl:nth-child(2){animation-delay: 0.2s;}
.m_spmap dl:nth-child(3){animation-delay: 0.3s;}
.m_spmap dl:nth-child(3){border-bottom: none;}
.m_spmap dt{height: 44px;line-height: 44px;font-size: 28px;color:#333333;margin-bottom: 10px;}
.m_spmap li{position: relative;padding-left: 38px;line-height: 30px;font-size: 18px;color:#6e7379;font-family:'Microsoft Yahei', Arial}
.m_spmap li:before{content:"";position: absolute;width:8px;height: 8px;background: #f15829;left:11px;top:10px;border-radius: 50%;}
.dsp_kcdg{padding-top: 95px;height: 858px;}
.dsp_kcdg h2{height: 64px; line-height: 64px; font-size:48px;color:#3c424e;font-weight: normal;margin-bottom: 50px;text-align: center;}
.kcdghd{height: 80px;}
.kcdghd li{float: left;width:399px;margin-right: 1px;background: #7e8ea5;font-size: 24px;color:#fff;text-align: center;line-height: 80px;border-radius: 10px 10px 0 0;}
.kcdghd .on{background: #f1592a;}
.dspdhbcon{background: #f5f9fc;height: 503px;padding: 40px 26px 0 26px;}
.dhleft{float: left;width:527px;margin-right: 80px;}
.dhleft h3{height: 62px;line-height: 62px;border-bottom: 1px solid #d3ddf3;font-size: 28px;color: #333333;font-weight: normal;}
.dhleft li{padding-top: 20px;height: 35px;border-bottom: 1px solid #d3ddf3;font-size: 18px;color:#6e7379;font-family: "Microsoft Yahei"}
.dhright{float: left;width:526px;}
.dhright h3{height: 62px;line-height: 62px;border-bottom: 1px solid #d3ddf3;font-size: 28px;color: #333333;font-weight: normal;margin-bottom: 34px;}
.dhright h3{height: 62px;line-height: 62px;border-bottom: 1px solid #d3ddf3;font-size: 28px;color: #333333;font-weight: normal;margin-bottom: 34px;}
.dhright li{font-family: "Microsoft Yahei";font-size: 18px;color:#6e7379;background: #fff;border-radius: 10px;height: 66px;line-height: 66px;background: #fff;margin-bottom: 23px;text-align: left;box-shadow: 24px 18px 54px rgba(0,0,0,.056);padding-left: 30px;}
.dhright li:nth-child(1){min-width: 390px;}
.dhright li:nth-child(2){width:480px;}
.dhright li:nth-child(3){width:445px;}
.dhright li:nth-child(4){width:480px;}
.g_zjtd{background: #f0f5f8;padding-top: 87px;height: 816px;}
.g_zjtd h2 a{height: 124px;font-size:48px;color:#3c424e;font-weight: normal;text-align: center;display: block;line-height: 48px;}
.g_zjtd h2 em{display: block;font-size:18px;color:#333333;font-family:'Microsoft Yahei', Arial}
.bigImg dl{height: 450px;position: relative;z-index: 1;background: #fff;}
.bigImg dt{width: 700px;height: 450px;display: block;float: left;overflow: hidden;}
.bigImg dt img{width: 700px;height: 450px;display: block;transition: all 0.3s linear 0s;}
.bigImg dl:hover img{transform: scale(1.1);}
.bigImg dd{float: left;width:500px;padding: 90px 0 0 70px;box-sizing: border-box;}
.bigImg dd h4{height: 107px;margin-bottom: 30px;position: relative;font-size: 18px;line-height: 34px;font-weight: normal;color: #6e7379; font-family:'Microsoft Yahei', Arial}
.bigImg dd h4 b{display: block;font-weight: normal;font-size: 28px;font-family:"wrjz","Microsoft Yahei";line-height:52px;color: #333;}
.bigImg dd h4:before{content: "";position: absolute;width:228px;height: 3px;bottom:0;left:0;background:#f42f15;}
.bigImg ul li{font-family:'Microsoft Yahei', Arial}
.smallImg{height: 136px;position: absolute;left:0;top:600px;width:1200px;overflow:hidden}
.smallImg li{width: 292px!important;height: 136px;float: left; background: #fff; margin: 0 10px 0 0;box-sizing:border-box;padding: 20px 0 0 26px;}
.smallImg li:last-child{margin: 0;}
.smallImg li b,.smallImg li b img{width:94px;height: 94px;display: block;float: left;border-radius: 94px;overflow: hidden;}
.smallImg li p{float: left;padding: 0 0 0 24px;width: 130px;font-family:'Microsoft Yahei', Arial}
.smallImg li p span{display: block;height: 40px;font-size: 18px;line-height: 36px;color: #333;}
.smallImg li.on{box-shadow: 0 0 10px 10px rgba( 0 , 0 , 0 , 0.1);background: #f1592a;color: #fff;}
.smallImg li.on p span{color: #fff;}
.g_zjtd .sPrev,.g_zjtd .sNext{width: 14px; height: 23px; text-indent: -9999px;  position: absolute;z-index: 1000}
.g_zjtd .sNext{background:  url(../images/zxu_dd1.png) no-repeat;right:-32px;top:650px;}
.g_zjtd .sPrev{background:  url(../images/zxu_uu1.png) no-repeat;left:-32px;top:650px;}
.dsp_xyan{padding-top: 88px;padding-bottom: 98px;}
.dsp_xyan h2 a{height: 70px;font-size:48px;color:#3c424e;font-weight: normal;text-align: center;display: block;line-height: 70px;}
.dsp_xyan .xyanhd{height: 70px;line-height: 70px;border-bottom: 1px solid #d3ddf3;margin-bottom: 32px;}
.dsp_xyan .xyanhd ul{width:1200px;margin:0 auto;padding-left: 220px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.dsp_xyan .xyanhd li{float: left;margin-right: 150px;font-size: 18px;color:#333333;position: relative;font-family:'Microsoft Yahei', Arial}
.dsp_xyan .xyanhd li:before{content: "";position: absolute;width:0;height: 4px;background: #f05827;left:0;top:69px;transition: all 0.3s linear 0s;}
.dsp_xyan .xyanhd .on:before{width:100%;}
.xyanbd{width:72%;margin:0 auto;max-width: 1920px;min-width: 1200px;overflow: hidden;}
.xyanbd li{float: left;width:22.8%;margin-right: 2%;}
.xyanbd li:nth-child(4){margin-right: 0;}
.xyanbd li img{width:100%;display: block;}
.dsp_kcxc{background: #f0f5f8;padding-top: 84px;padding-bottom: 4.1rem;}
.dsp_kcxc h2 a{height: 80px;font-size:48px;color:#3c424e;font-weight: normal;text-align: center;display: block;line-height: 80px;margin-bottom: 40px;}
.dspkcbd li{float: left;width:32.2%;margin-left:0.85%;position: relative;transition: all 0.3s linear 0s;}
.dspkcbd li img{width:100%;display: block;}
.dspkcbd li:hover{transform: translateY(-10px);}
.dspkcbd li em{position: absolute;width:80%;height:3.8rem;line-height: 3.8rem;background: #fff;text-align: center;font-size: 0.8rem;color:#333333;margin-left:10%;margin-top:-1.9rem; box-shadow: 13px 0 32px rgba(0,0,0,.15) ;font-family:'Microsoft Yahei', Arial}
.dspkchd{padding-left: 560px;width:1200px;margin:0 auto;box-sizing: border-box;margin-top: 4.66rem;}
.dspkchd li{float: left;width:14px;height: 14px;background: #d2e1f6;border-radius: 50%;margin-right: 11px;}
.dspkchd .on{background: #f9651f}
.dsp_jxms{padding-top: 100px;height: 308px;}
.dsp_jxms dl{float: left;width:300px;}
.dsp_jxms dt{width:100px;margin:0 auto;}
.dsp_jxms dt img{width:100px;height: 100px;display: block;}
.dsp_jxms h3{line-height: 44px;font-size: 28px;color:#333333;text-align: center;font-weight: normal;}
.dsp_jxms p{font-size: 18px;line-height: 24px;color:#6e7379;text-align: center;font-family:'Microsoft Yahei', Arial}
.dsp_jxms dl:nth-child(1){animation-delay: 0.1s;}
.dsp_jxms dl:nth-child(2){animation-delay: 0.2s;}
.dsp_jxms dl:nth-child(3){animation-delay: 0.3s;}
.dsp_jxms dl:nth-child(4){animation-delay: 0.4s;}

/*------------------------------------ 短视频样式结束 ------------------------------------*/



/*帮助图片+标题列表*/
.k12-gl-gslb-3nf1-1-01{ display:block; margin:20px auto}
.k12-gl-gslb-3nf1-1-01-left dl {width: 24%;float: left;margin: 0 1.3% 13px 0}
.k12-gl-gslb-3nf1-1-01-left dl:nth-child(5n-1) {margin-right: 0;}
.k12-gl-gslb-3nf1-1-01-left dt {border: 1px solid #e5e5e5;padding: 10px 9px;background: #fff;}
.k12-gl-gslb-3nf1-1-01-left dt img {display: block;width: 100%;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;}
.k12-gl-gslb-3nf1-1-01-left dl:hover img {-webkit-transform: scale(1.05) rotate(0deg) translateY(0);-ms-transform: scale(1.05) rotate(0deg) translateY(0);transform: scale(1.05) rotate(0deg) translateY(0);}
.k12-gl-gslb-3nf1-1-01-left dd {height: 50px;font-size: 16px;line-height: 50px;text-align: center;padding: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f0f0f0;}
.k12-gl-gslb-3nf1-1-01-left dd a {color: #4b4a4a;}
.k12-gl-gslb-3nf1-1-01-left dd.desc {height: auto;padding: 0 20px 20px;text-overflow: ellipsis;white-space: normal;line-height: 24px;}
.k12-gl-gslb-3nf1-1-01-left dd.desc a {color: #4b4a4a;font-size: 18px;line-height: 50px;display: block;font-weight: bold;}
.k12-gl-gslb-3nf1-1-01-left dd.desc p{color: #797979;text-align: left;height: 72px;line-height: 24px;overflow: hidden;display: block;}
.k12-gl-gslb-3nf1-1-01-left dl:hover img {-webkit-transform: scale(1.05) rotate(0deg) translateY(0);-ms-transform: scale(1.05) rotate(0deg) translateY(0);transform: scale(1.05) rotate(0deg) translateY(0);}
.k12-gl-gslb-3nf1-1-01-left dl:hover dd a{ color:#dc2726}



/*页面视频播放按钮*/
 .nieye_video{display: initial;position:relative;z-index: 10;}
 .nieye_video a.nieye-ban-ico{background:url(../images/ban_video.png) no-repeat 0 center;font-size: 16px;color: #333;padding: 0 0 0 42px;line-height: 30px;width: 200px;margin-left: 39px;margin-top: 15px;text-align: left;letter-spacing: 2px;}
 .nieye_video a.nieye-ban-ico  em {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    background: #fff;
    width: 160px;
    height: 200px;
    text-align: center;
    z-index: 1;
    box-shadow: 0 0 5px 5px rgba(0 , 0 , 0 , 0.1);
    letter-spacing: 2px;
    }
 .nieye_video a.nieye-ban-ico  em img{width: 120px;margin: 0;padding: 20px 20px 10px;animation: auto;}
 .nieye_video  a.nieye-ban-ico:hover em{ display:block;}
.nytil04   .nieye_video a.nieye-ban-ico{margin-top: 24px;}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}

  /*animation*/
  @-webkit-keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  @keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  
  
  
  
  @media (max-width:768px){
	  .curmbs{  top: 0;}
	  .curmbs a{ color: #333;}
	  .dsp_why .m_dspwhy{ padding: 50px 10px 10px;}
	  .dsp_why h2{ font-size: 16px; line-height: 30px; height: auto; margin-bottom: 0;}
	  .dsp_why ul{ margin-bottom: 10px;}
	  .dsp_why li{ padding: 0; font-size: 14px; line-height: 30px;}
	  .dspbtn1 a{ line-height: 30px; font-size: 14px; height: 30px;}
	  .dsp_why{ height: 236px;}
	  .dsp_haoc{ padding-top: 20px; height: auto;}
	  .dsp_haoc h2{ font-size: 20px; line-height: 30px; height: 30px; margin-bottom: 10px;}
	  .dsp_haoc dl{ padding-top: 10px; width: 100%; padding-bottom: 50px; height: auto; padding-top: 30px; height: auto;}
	  .dsp_haoc dt{ margin-bottom: 0;}
	  .dsp_haoc h3{ font-size: 18px; line-height: 30px;}
	  .dsp_haoc p{ font-size: 14px; line-height: 20px;}
	  .dsp_zbk{ padding-top: 20px; background: none; height: auto;}
	  .dsp_zbk h2{ font-size: 16px; line-height: 30px; height: auto;}
	  .m_sdpzbk dl{ width: 100%;}
	  .m_sdpzbk dl:nth-child(1) dt{ font-size: 16px; line-height: 50px; height: 50px; border-radius: 10px 10px 0 0;}
	  .m_sdpzbk li b{ padding-left: 0;}
	  .m_sdpzbk li em{ padding: 0;}
	  .m_sdpzbk dd{ width: 100%; margin: 0 0 10px 0 ;}
	  .m_sdpzbk dd ul{ padding: 0 20px;}
	  .m_sdpzbk li{ height: auto;}
	  .m_sdpzbk dl:nth-child(2) dt{
		  font-size: 16px; line-height: 50px; height: 50px; border-radius: 10px 10px 0 0;
	  }
	  .dsp_map{ height: auto; padding-top: 10px;}
	  .dsp_map h2{ font-size: 18px; line-height: 30px; height: auto; margin-bottom: 10px;}
	  .m_spmap{ margin-left: 0; padding: 0 20px;}
	  .m_spmap dt{ font-size: 18px; line-height: 20px; height: auto;}
	  .m_spmap li{ font-size: 12px;}
	  .m_spmap dl{ height: auto;}
	  .dsp_map{ background: #f0f5f8;}
	  .dsp_kcdg{ height: auto; padding-top: 10px;}
	  .dsp_kcdg h2{ font-size: 18px; line-height: 30px; height: auto; margin-bottom: 20px;}
	  .kcdghd{ display: none;}
	  .dspdhbcon{ padding: 0 10px; height: auto;}
	  .dhleft h3{ font-size: 18px; line-height: 30px; height: auto; font-weight: bold;}
	  .dhleft li{ height: auto; font-size: 14px; padding-top: 10px; line-height: 20px; padding-bottom: 10px;}
	  .kcdgbd{ left: 0 !important; width: 100% !important;}
	  .dhleft{ width: 100%;}
	  .dhright h3{ font-size: 18px; left: 30px; line-height: 40px; height: 40px; font-weight: bold; margin-bottom: 10px;}
	  .dhright{ width: 100%;}
	  .dhright li{ font-size: 14px; width: auto; padding: 10px; min-width: auto !important; line-height: 20px; height: auto; width: auto !important;}
	  .ljzxbtn a{ font-size: 12px; height: 30px; line-height: 30px; }
	  .g_zjtd{ padding-top: 20px; height: auto;}
	  .g_zjtd h2 a{ font-size: 18px; line-height: 30px; height: auto; padding-bottom: 10px;}
	  .g_zjtd h2 em{ font-size: 14px;}
	  .smallImg{ display: none;}
	  .bigImg dd{ padding: 10px; width: 100%;}
	  .bigImg dd h4 b{ font-size: 16px; line-height: 30px;}
	  .bigImg dd h4{ font-size: 14px; line-height: 20px; height: auto; padding-bottom: 10px;}
	  .bigImg dt{ width: 100%; height: auto;}
	  .bigImg dt img{ width: 100%; height: auto;}
	  .bigImg dl{ height: auto;}
	  .game163{ height: 472px;}
	  .dsp_xyan{ padding-top: 20px;}
	  .dsp_xyan h2 a{ font-size: 18px; line-height: 30px; height: auto;}
	  .dsp_xyan .xyanhd ul{ width: 100%; padding-left: 0;}
	  .dsp_xyan .xyanhd li{ font-size: 12px; margin-right: 10px; line-height: 50px; height: 50px;}
	  .dsp_xyan .xyanhd{ height: auto;}
	  .dsp_xyan .xyanhd li:before{ top: auto; bottom: 0;}
	  .xyanbd{ min-width: 100%;}
	  .xyanbd li{ width: 100%;}
	  .dsp_xyan{ padding-bottom: 20px;}
	  .dsp_jxms{ height: auto; padding-top: 10px;}
	  .dsp_kcxc{ padding-top: 10px; padding-bottom: 10px;}
	  .dsp_kcxc h2 a{ font-size: 18px; line-height: 30px; height: 30px; margin-bottom: 10px;}
	  .dspkcbd li{ width: 100%; margin-bottom: 30px;}
	  .dspkchd{ width: 100%; margin-top: 0;}
	  .dsp_jxms dl{ width: 50%;}
	  .dsp_jxms dt img{ width: 40px; height: 40px; display: block; margin: 0 auto;}
	  .dsp_jxms h3{ font-size: 16px;}
	  .dsp_jxms p{ font-size: 12px; line-height: 20px; height: 40px; padding-bottom: 20px;}
	  
	  
  }